鍍金池/ 問答/HTML5  PHP  HTML/ vue.js2.0 + axios +formData 上傳圖片獲取不到form

vue.js2.0 + axios +formData 上傳圖片獲取不到formData數(shù)據(jù),始終為空

做一個簡單的圖片上傳功能,用基礎(chǔ)的input file類型來進(jìn)行上傳圖片,后臺始終獲取不到數(shù)據(jù),我前臺有打印出來一些數(shù)據(jù),但是formData對象的值始終為空,代碼如下:

clipboard.png

        onUpload(e){
            let self = this;
            let file = e.target.files[0];
            let param =  new FormData();
            console.log(param);//FormData {}
            param.append('file',e.target.files[0]);
            console.log(param);//FormData {}
            param.append('chunk','0');
            console.log(param.get('file'));//file對象
            let config = {
                headers:{'Content-Type':'multipart/form-data'}
            }
            console.log(param);//FormData {}
            axios.post('/api/editreturn/',param,config).then(function(response){
                console.log(response);
            }).catch(function(err){
                console.log(err)
            })
          
        },

下面是依次打印出來的數(shù)據(jù),最后一個是后臺返回的數(shù)據(jù)

clipboard.png

下面是傳遞到后臺的請求頭內(nèi)容

clipboard.png

求教:為什么formData的值總是為空?這樣寫圖片上傳的功能不對嗎?

回答
編輯回答
互擼娃
2017年11月26日 16:44
編輯回答
乞許

axios.post('/api/editreturn/',param,config)

2017年10月27日 11:59
編輯回答
舊酒館

formData查看請用,formData.getAll("file")和formData.get("file"),直接看是看不到的,
axios有錯,應(yīng)該傳param,而不是param.get('file')

上傳可參考我的博客鏈接描述

2017年3月6日 23:14
編輯回答
愛礙唉

我也遇到一樣的問題了,請問樓主解決了沒

2017年11月1日 17:16
編輯回答
笑忘初

樓主問題解決了嗎 分享一下解決方案

2017年6月30日 08:24
編輯回答
怣人

直接傳這個formData就行了,
然后你在chrome的控制臺的network里面就可以看到你到底傳沒傳值過去
圖片描述

2017年10月31日 21:32