javascript - 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'));