欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angular Js文件上傳之form-data

 更新時(shí)間:2015年08月28日 11:34:00   投稿:mrr  
angular-file-upload 是一個基于HTML5技術(shù)的文件上傳輕量級 AngularJS指令(directive),當(dāng)瀏覽器不支持時(shí)轉(zhuǎn)為采用 FileAPI polyfill技術(shù)實(shí)現(xiàn)(基于Flash)。本文主要給大家介紹Angular Js文件上傳之form-data,需要的朋友可以參考下

前言:很久沒更新博客,最近公司pc端技術(shù)選型用angular,這幾天就趕鴨子上架,硬著頭皮直接上手angular。其中有許多小坑陸陸續(xù)續(xù)踩起走。今天就遇到一個比較常見的問題:圖片上傳。

主題:圖片上傳服務(wù)器,然后通過服務(wù)器傳阿里云。

不廢話了直接貼前端代碼:

$http({
  method: ‘POST‘,
  url: ‘/wechatapp/User/setAvatar‘,
  data: data,
  headers: {
    ‘Content-Type‘: undefined
  },
  transformRequest: function(data) {
    var formData = new FormData();
    formData.append(‘a(chǎn)vatar_data‘, data.adata);
    formData.append(‘a(chǎn)vatar_file‘, data.file);
    return formData;
  },
  data: {
    adata: scope.avatar_data,
    file: scope.avatar_file
  }
  }).success(function(d) {
    //請求成功
    cb(d);
  }).error(function(err, status) {
    console.log(err);
    cb(err);
  });

其實(shí)沒神馬難點(diǎn),主要是取消post默認(rèn)的Content-Type,然后已FormData的方式上傳。一般ajax上傳文件都是以FormData方式傳。

以上就是本文給大家介紹Angular Js文件上傳之form-data,希望大家喜歡。

相關(guān)文章

  • 詳解解決小程序中webview頁面多層history返回問題

    詳解解決小程序中webview頁面多層history返回問題

    這篇文章主要介紹了詳解解決小程序中webview頁面多層history返回問題,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • js鍵盤上下左右鍵怎么觸發(fā)function(實(shí)例講解)

    js鍵盤上下左右鍵怎么觸發(fā)function(實(shí)例講解)

    這篇文章主要是對js鍵盤上下左右鍵怎么觸發(fā)function 進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • JS中的const命令你真懂它嗎

    JS中的const命令你真懂它嗎

    這篇文章主要介紹了JS中的const命令你真懂它嗎,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-03-03
  • js實(shí)現(xiàn)雙向鏈表互聯(lián)網(wǎng)機(jī)頂盒實(shí)戰(zhàn)應(yīng)用實(shí)現(xiàn)

    js實(shí)現(xiàn)雙向鏈表互聯(lián)網(wǎng)機(jī)頂盒實(shí)戰(zhàn)應(yīng)用實(shí)現(xiàn)

    js實(shí)現(xiàn)雙向鏈表互聯(lián)網(wǎng)機(jī)頂盒實(shí)戰(zhàn)應(yīng)用實(shí)現(xiàn),需要的朋友可以參考下。
    2011-10-10
  • JavaScript中exec()方法詳解

    JavaScript中exec()方法詳解

    JavaScript的exec()方法是在正則表達(dá)式對象上調(diào)用的方法,它用于在字符串中執(zhí)行正則表達(dá)式搜索,并返回匹配的結(jié)果,本文就給大家詳細(xì)的講解JavaScript中exec()方法,感興趣的同學(xué)跟著小編一起來看看吧
    2023-09-09
  • GoJs基本使用示例詳解

    GoJs基本使用示例詳解

    這篇文章主要為大家介紹了GoJs基本使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-04-04
  • AngularJS實(shí)現(xiàn)textarea記錄只能輸入規(guī)定數(shù)量的字符并顯示

    AngularJS實(shí)現(xiàn)textarea記錄只能輸入規(guī)定數(shù)量的字符并顯示

    AngularJS 是一個 MV* 框架,最適于開發(fā)客戶端的單頁面應(yīng)用。它不是個功能庫,而是用來開發(fā)動態(tài)網(wǎng)頁的框架。接下來通過本文給大家介紹AngularJS實(shí)現(xiàn)textarea記錄只能輸入規(guī)定數(shù)量的字符并顯示的相關(guān)內(nèi)容,需要的朋友參考下吧
    2016-04-04
  • 利用js正則表達(dá)式驗(yàn)證手機(jī)號,email地址,郵政編碼

    利用js正則表達(dá)式驗(yàn)證手機(jī)號,email地址,郵政編碼

    利用js正則表達(dá)式驗(yàn)證手機(jī)號,email地址,郵政編碼。需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • JS打開新窗口的2種方式

    JS打開新窗口的2種方式

    JS打開新窗口的2種方式,需要的朋友可以參考一下
    2013-04-04
  • js對字符的驗(yàn)證方法匯總

    js對字符的驗(yàn)證方法匯總

    這篇文章主要介紹了js對字符的驗(yàn)證方法,實(shí)例匯總了漢字驗(yàn)證、手機(jī)驗(yàn)證、郵箱驗(yàn)證、身份證號驗(yàn)證等各種常用技巧,需要的朋友可以參考下
    2015-02-02

最新評論