FormData 控制台记录 [object FormData] 而不是实际文件

Question

我有以下代码，使用 ajax 上传文件，因为我不想使用表单操作。但我无法这样做。代码是：

Select xml file to upload:
<input type="file" name="fileToUpload" id="uploadFile">
<input type="submit" id="upload_xml" value="Upload Xml">

ajax代码为：

$('#upload_xml').on('click', function() {

var file_data = $('#uploadFile').prop('files')[0];      
var form_data = new FormData();
console.log('hi'+file_data); // this gives [object File]
form_data.append('file', file_data);
console.log('yoyo'+form_data);  // this gives  [object FormData]              
$.ajax({
    url: 'upload.php',
    dataType: 'text',  
    cache: false,
    contentType: false,
    processData: false,
    data: form_data,                         
    type: 'post',
    success: function(response){
        alert(response); 
    }
 });

});

我看到很多关于各种主题的讨论，但没有一个对我有用。我之前做过这个没有任何错误，我不知道是什么错误:(我在这里错了。有没有我需要包含的js文件？？

Answer 1

您需要将+替换为，您还需要先读取文件并提取其内容

  var file = $('#uploadFile').prop('files')[0];
    var file_data = '';
if (file) {
    var reader = new FileReader();
    reader.readAsText(file, "UTF-8");
    reader.onload = function (evt) {
        file_data = evt.target.result;
    }
    reader.onerror = function (evt) {
        file_data = "error reading file";
    }
}
    var form_data = new FormData();
    console.log('hi',file_data);
    form_data.append('file', file_data);
    console.log('yoyo',form_data.get('file')); 

Answer 2

使用下面提到的代码：

 for (var pair of formData.entries()) {
        console.log(pair[0] + ", " + pair[1]);
      }