将 $_FILES 变量传递到 AJAX [重复]答案

【问题标题】：pass $_FILES variable into the AJAX [duplicate]将 $_FILES 变量传递到 AJAX [重复]
【发布时间】：2016-02-22 16:54:05
【问题描述】：

我有一个带有文件上传的表单，如下所示：

<form name="addform" id="addform" method="post" action="add.php?action=add" enctype="multipart/form-data">
File 1: <input type="file" name="file1" />
<input name="add" type="submit" value="ADD">
</form>

我想在AJAX 中传递$_FILES 变量，因为我使用了弹出对话框。这是我尝试写的AJAX：

$.ajax({
    type: 'POST',
    url: 'addanduploadfile.php',
    data: ?,
    success: function(msg)
    { 
         alert(msg);    
    }
});

但我的问题是我不知道如何将$_FILES 传递到AJAX 并在addanduploadfile.php 上显示file1 名称。我该怎么办？

【问题讨论】：

使用 ajaxForm。 malsup.com/jquery/form
您希望文件上传只能通过 AJAX 完成吗？
你不需要 PHP。
你可以试试这个jquery插件blueimp.github.io/jQuery-File-Upload
@Apb 是的。我想使用 AJAX 上传文件。

标签： php html ajax

【解决方案1】：

试试这个，

var file_data = $('#addform').prop('files')[0];// collect files 
var form_data = new FormData();// take other form data
form_data.append('file', file_data);// append the files to your data

$.ajax({
     type: 'POST',
     url: 'addanduploadfile.php',
     data: form_data, // pass form data here
     success: function(msg)
     { 
            alert(msg);    
     }
 });

【讨论】：

addanduploadfile.php中的文件名应该怎么显示？

【解决方案2】：

看看

希望这会有所帮助。

【讨论】：