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

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

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

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

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

let file = e.target.files[0];    
   let param = new FormData(); //創(chuàng)建form對象 
   param.append('file',file,file.name);//通過append向form對象添加數(shù)據(jù) 
   param.append('chunk','0');//添加form表單中其他數(shù)據(jù) 
   
   let config = { 
   headers:{'Content-Type':'multipart/form-data'} 
   }; //添加請求頭 
   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)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！