通过ajax将输入文件类型传递给php不起作用

Question

我有这个函数可以从表单中获取值

$("button[name='createimport']").click(function() {
var fd = new FormData();
var files = $('#xsfile')[0].files[0];
fd.append('file',files);

var batchid = $("input[name='batchid']").val();
var yrstart = $("input[name='yrstart']").val();
var yrend = $("input[name='yrend']").val();

$.ajax({
    url:"fetch_import.php",
    method:"POST",
    data: { batchid : batchid, yrstart: yrstart, yrend: yrend, fd},
    success: function (data) {
        //show success result div
        if(data)
        {
            showSuccess();
        }
        else
        {
            showFailure();
        }

    },
    error: function () {
        //show failure result div
        showFailure();
        }
}); 
});

还有这样的 php 代码：

enter code here$bcid =  $_POST['batchid'];
$yrs =  $_POST['yrstart'];
$yrg =  $_POST['yrend'];

/* Getting file name */
$filename = $_FILES['file']['name'];

/* Location */
$location = "upload/".$filename;
$FileType = pathinfo($location,PATHINFO_EXTENSION);
move_uploaded_file($_FILES['file']['tmp_name'],$location);

传递文件不起作用。我已经搜索过这个但仍然不适合我，我想我会理解它是如何工作的。任何想法？泰亚

Answer 1

您应该将您的字段附加到fd 并简单地将其用作$.ajax 中的数据参数：

$("button[name='createimport']").click(function() {
    var fd = new FormData();
    var files = $('#xsfile')[0].files[0];
    fd.append('file',files);

    fd.append('batchid', $("input[name='batchid']").val());
    fd.append('yrstart', $("input[name='yrstart']").val());
    fd.append('yrend', $("input[name='yrend']").val());

    $.ajax({
        url:"fetch_import.php",
        method:"POST",
        data: fd,
        success: function (data) {
            //show success result div
            if(data)
            {
                showSuccess();
            }
            else
            {
                showFailure();
            }

        },
        error: function () {
            //show failure result div
            showFailure();
            }
    }); 
});