vue.js2.0 + axios +formData 上传图片获取不到formData数据

Question

做一个简单的图片上传功能，用基础的input file类型来进行上传图片，后台始终获取不到数据，我前台有打印出来一些数据，但是formData对象的值始终为空，代码如下：

        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)

            })

          

        },

下面是依次打印出来的数据，最后一个是后台返回的数据

下面是传递到后台的请求头内容

求教：为什么formData的值总是为空？这样写图片上传的功能不对吗？

Answer 1

formData查看请用,formData.getAll("file")和formData.get("file")，直接看是看不到的，axios有错，应该传param，而不是param.get('file')上传可参考我的博客链接描述