如何使用javascript中的post方法将输入类型文件发送到图像上传文件

Question

如何使用 JavaScript 中的 post 方法将输入类型文件发送到图像上传文件？ 吹是形式。

<form action="#" method="post" enctype="multipart/form-data" id="image_upload" name="image_upload">
    <input type="file" name="myFile" id="myFile" onchange="readURL(this);" required>
    <br>
    <img id="blah" src="#" alt="your image" />
    <input type="hidden" name="user_id" id="user_id" value="<?php echo $user_id; ?>">
    <input type="submit" value="Upload">
</form>

这里是我用来发布表单的 JavaScript。

$(document).ready(function(){ 
$('#image_upload').submit(function(e){
        e.preventDefault();

        $.post('getfile_provider.php',$('#image_upload').serialize(),function(data){
            alert(data);
        });

    });
}); 

当我使用这种方法发送时，我在 getfile_provider.php 文件中只获得了 user_id 值。

Answer 1

您可以使用它来使用 post 方法发送图像文件

 var formData = new FormData($("#form")[0]);
            $.ajax({
                url: "getfile_provider.php",
                type: 'POST',
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
            })
            .done(function(data) {
                alert('done');
            });