如何将文件附加到 FormData 对象？ [复制]

Question

在我的 Angular 应用程序中，我试图将从 FileUpload 控件中选择的文件附加到 FormData 对象：

fileUploadHandle(files) {    
    if (files && files.length > 0) {
      this.fileContentFormData = files[0];
    }
}

console.log('file content - ' + JSON.stringify(this.fileContentFormData));
form_data.append('file', this.fileContentFormData);
form_data.append('username', 'Chris');
console.log('form data - ' + JSON.stringify(form_data));

我知道我的文件正在被检索，因为当我运行时 console.log('file content - ' + JSON.stringify(this.fileContentFormData)); 显示如下：

文件内容 - {"file":{},"id":0,"icon":"doc","src":{"changeingThisBreaksApplicationSecurity":"data:application/vnd.openxmlformats-officedocument.wordprocessingml. document;base64,UEsDBBQABgAIAAAAIQAJJIeCgQ="}}

但是，当我跑步时 console.log('form data - ' + JSON.stringify(form_data)); 甚至连“用户名”键值对都没有显示出来。

有人可以告诉我在附加到这个 FormData 对象时我做错了什么吗？非常感谢！

Answer 1

以前，无法使用调试器检查 FormData 对象。最新版本的 Chrome 和 Firefox 现在支持FormData.entries() 检查FormData。

// Create a test FormData object
var formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// Display the key/value pairs
for (var pair of formData.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}

来源请查看this thread。