FormData控制台记录[对象FormData]，而不是实际文件 - javascript

我有以下代码，使用ajax上传文件，因为我不想使用form action。但是我做不到。代码是：

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文件？

参考方案

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

如果我得到url('')，我该如何使用另一个URL - javascript

我是新手，正在写这篇文章，但是如果源上没有图像，那么我只有空白。有人可以告诉我，如果我正在获取背景图像，如何获取/images/no-image.jpg：url（）;这是我的代码：<div class="uk-clearfix uk-position-relative"> <div class="recipeb…

对ID为'abc％'的dom执行操作 - javascript

我想对ID为'abc％'的DOM进行一些操作<a id='abc1'></a> <a id='abc2'></a> <a id='abc3'></a> <a id='abc4'></a>…

Jsonp没有出现``访问控制允许来源''错误 - javascript

在我的PHP中，我喜欢这样来回显jsonp类型的“ json数据”echo $_GET['callback'] . '('.json_encode($arr).')'; 在我的js（angularjs）中，$http.get('http://example.com/app/?callbac…

如何单击没有固定类别值的按钮？但是它有一个固定的'data-testid' - javascript

如何单击没有固定类别值的按钮？但是它有一个固定的“数据-testid”。使用JS或Python如何实现？document.getElementById("myCheck").click(); 参考方案 您可以尝试使用querySelector()来使用任何有效的CSS选择器（即属性选择器）。演示：function muFunction()…

Javascript IF语句 - javascript

                        嗨，我有这段代码可以正常工作，并将两个日历显示为一个日历。我还有一个php变量$login_session，其中包含登录电子邮件地址的用户。关于如何显示[email protected]日历的任何想法（伪代码）IF $login_session == "[email protected]&#…