javascript - 将附加变量附加到 ajax 处理输入类型文件

Question

<input type='file' id='inpfile' accept='image/jpeg,image/png,image/gif' hidden>

我需要更改 imgauth 的 src 但还需要一个名为 name 的附加变量

$('#inpfile').change(function(){
    var name = $('#selauth').val(); // this is the additional variable
    var file_data = $('#inpfile').prop('files')[0];
    var form_data = new FormData();
    form_data.append('inpfile', file_data);
    $.ajax({
        url: "authors-pro-img-from-disc.php",
        type: 'post',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data, // this works
        //data: {form_data, 'name': name}, // this doesn't work
        success: function(data){
            $('#imgauth').attr('src', data);
        }
    });
});

php 端

$name = $_POST['name'];

那么我如何附加 name 变量并将其与图像数据一起发送到服务器。

Answer 1

您需要像对文件一样附加名称字段:

var name = $('#selauth').val(); // this is the additional variable
var file_data = $('#inpfile').prop('files')[0];
var form_data = new FormData();

form_data.append('inpfile', file_data);
form_data.append('name', name); // <-------- append name

然后在服务器上以 $_POST['name'] 的形式读入。