這篇文章主要介紹“vue中如何利用axios實(shí)現(xiàn)表單提交上傳圖片”，在日常操作中，相信很多人在vue中如何利用axios實(shí)現(xiàn)表單提交上傳圖片問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”vue中如何利用axios實(shí)現(xiàn)表單提交上傳圖片”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

在昭蘇等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專(zhuān)注、極致的服務(wù)理念，為客戶(hù)提供網(wǎng)站建設(shè)、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需開(kāi)發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營(yíng)銷(xiāo)型網(wǎng)站,成都外貿(mào)網(wǎng)站建設(shè)公司,昭蘇網(wǎng)站建設(shè)費(fèi)用合理。

項(xiàng)目中用的element 的框架，然后在項(xiàng)目有一個(gè)添加數(shù)據(jù)需求是圖片可上傳，也可不上傳，

然后問(wèn)題就是element 中的上傳控件在沒(méi)有圖片的時(shí)候是不會(huì)觸發(fā)提交的，但接口寫(xiě)的是有file的  multipart/form-data    接收模式

所有只能自己另個(gè)模仿一個(gè)表單上傳

<input class="file" name="file" type="file" accept="image/png,image/gif,image/jpeg" @change="update"/>

let file = e.target.files[0];    
   let param = new FormData(); //創(chuàng)建form對(duì)象 
   param.append('file',file,file.name);//通過(guò)append向form對(duì)象添加數(shù)據(jù) 
   param.append('chunk','0');//添加form表單中其他數(shù)據(jù) 
   
   let config = { 
   headers:{'Content-Type':'multipart/form-data'} 
   }; //添加請(qǐng)求頭 
   this.axios.post('http://upload.qiniu.com/',param,config) 
   .then(response=>{ 
   console.log(response.data); 
   })

到此，關(guān)于“vue中如何利用axios實(shí)現(xiàn)表單提交上傳圖片”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

標(biāo)題名稱(chēng)：vue中如何利用axios實(shí)現(xiàn)表單提交上傳圖片
網(wǎng)頁(yè)網(wǎng)址：http://jinyejixie.com/article28/gpescp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、小程序開(kāi)發(fā)、品牌網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷(xiāo)推廣、用戶(hù)體驗(yàn)、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)