AJAX：带有文本输入字段数据的图像上传

Question

我的目标很简单：我想编写一个 ajax，其中输入字段“gallery_id”的值将与输入字段“fileToUpload”上的文件一起提交。我这样做的原因是用这种格式更改文件的名称：$gallery_id.$incrementresult。不要介意 $incrementresult，因为我已经为此编写了代码

这是我复制的示例脚本。对于阿贾克斯

**Note that #upload is a button**
$('#upload').on('click', function() {
            var file_data = $('#fileToUpload').prop('files')[0];   
            var form_data = new FormData();                  
            form_data.append('file', file_data);                
            $.ajax({
                url: 'upload.php', 
                dataType: 'text', 
                cache: false,
                contentType: false,
                processData: false,
                data: form_data,                         
                type: 'post',
                success: function(result){
                    alert(result);
                }
             });
        });

对于upload.php：

if ( 0 < $_FILES['file']['error'] ) {
   echo 'Error: ' . $_FILES['file']['error'] . '<br>';
}
else {
   move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/project_photos/' . $_FILES['file']['name']);
   echo "SUCCESS!";
}

我应该如何在脚本上实现gallery_id？

Answer 1

您可以添加以下内容：

 $("#upload").click(function (e) {
        e.preventDefault();
        var formData = new FormData($(this).parents('form')[0]);
        var galleryId  = 111; //Your value
        formData.set('gallery_id', galleryId); //add galleryId to formData
        axios.post('/upload.php', formData)
            .then(function (response) {
                //
            })
            .catch(function () {
                //
            })
    });