Vue.js 将数据追加到FormData()时为null

Vue.js 将数据追加到FormData()时为null,vue.js,Vue.js,我在vue上有这样的数据结构 data: { name: 'Lorem', status: 'Active', username: 'user-01', password: '12345' }, 然后我附加到FormData(),因为我想向服务器发送blob数据(图像),如下所示 let formData = new FormData(this.data); // my data formData.append('photo', this.blob); 我使用axio

我在vue上有这样的数据结构

data: {
   name: 'Lorem',
   status: 'Active',
   username: 'user-01',
   password: '12345'
},
然后我附加到
FormData()
,因为我想向服务器发送blob数据(图像),如下所示

let formData = new FormData(this.data); // my data
formData.append('photo', this.blob);
我使用axios,发送图像但不发送数据,当我在控制台上显示formData.entries()时,结果是

photo, [object File]

我怎样才能解决这个问题?谢谢

Rembermer FormData没有将JSON数据作为参数的构造函数

试试这个

let formData = new FormData();
for ( var key in data ) {
    formData.append(key, data[key]);
}
formData.append('photo', this.blob);
for (var pair of formData2.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}