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') 上传可参考我的博客链接描述

Answer 2

直接传这个formData就行了，然后你在chrome的控制台的network里面就可以看到你到底传没传值过去

Answer 3

我也遇到一样的问题了，请问楼主解决了没

Answer 4

楼主问题解决了吗 分享一下解决方案

Answer 5

参考下这篇