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,希望大家喜歡。
- JS中使用FormData上傳文件、圖片的方法
- JavaScript將base64圖片轉(zhuǎn)換成formData并通過AJAX提交的實(shí)現(xiàn)方法
- JS FormData上傳文件的設(shè)置方法
- js使用formData實(shí)現(xiàn)批量上傳
- vuejs使用FormData實(shí)現(xiàn)ajax上傳圖片文件
- Ajax+FormData+javascript實(shí)現(xiàn)無刷新表單信息提交
- js動態(tài)在form上插入enctype=multipart/form-data的問題
- NodeJs form-data格式傳輸文件的方法
- Vue axios 將傳遞的json數(shù)據(jù)轉(zhuǎn)為form data的例子
- JS FormData對象使用方法實(shí)例詳解
相關(guān)文章
詳解解決小程序中webview頁面多層history返回問題
這篇文章主要介紹了詳解解決小程序中webview頁面多層history返回問題,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08js鍵盤上下左右鍵怎么觸發(fā)function(實(shí)例講解)
這篇文章主要是對js鍵盤上下左右鍵怎么觸發(fā)function 進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12js實(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-10AngularJS實(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地址,郵政編碼。需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01