我如何使用$ .post（）发送表单数据？

Question

我可以使用$ .ajax发送form_data来上传文件。但是，当我使用（输入：文件）时，如何使用$ .post（）将表单数据作为输入选择的图像文件发送到PHP？

<input type="file" id="img" name="img" accept="image/jpg,image/jpeg" style="display: none">

Answer 1

您将需要采用POST和enctype="multipart/form-data"形式的方法

<form method="POST" action="URL" enctype="multipart/form-data">
<input type="file" id="img" name="img" accept="image/jpg,image/jpeg" style="display: none">
</form>

然后，您可以在表单发布所在的位置以$_FILES的形式获取上载的图像。

Answer 2

<input type="file" id="img" name="img" accept="image/jpg,image/jpeg">

您需要通过file的onchange事件获得input

$(document).ready(function() {
    $('#img').change(function(){
        var file_data = $('#img').prop('files')[0];   
        var form_data = new FormData();                  
        form_data.append('file', file_data);
        $.ajax({
            url: "fileUpload.php",
            type: "POST",
            data: form_data,
            contentType: false,
            cache: false,
            processData:false,
            success: function(data){
                console.log(data);
            }
        });
    });
});