javascript - 如何通过ajax post序列化上传

Question

我有表单上传:

 <form method="post" id="edit_form" onsubmit="return edit(this.id);" enctype="multipart/form-data">
    <input type="file" name="thumb" />
    <input type="submit" value="Upload" />
</form>

和 JavaScript 函数:

function edit(id){
    httplocal = location.href;
    var jqxhr = $.post(httplocal,$("#"+id).serialize(), function(data) {
        if(data.status == 1){
            $("#success").show();
        }else {
            $("#error").show();
        }
    }, "json")
    return false;
}

在 php 中我检查:

if ($_FILES['thumb']['error'] != UPLOAD_ERR_NO_FILE) {
    code upload here...
}

但表单为空$_FILES['thumb']为null。对不起我的英语。

Answer 1

您不需要序列化表单。相反，您应该发送 FormData 类的实例。

        $("form").submit(function(event) {
            event.preventDefault();

            var data = new FormData($(this)[0]);

            $.ajax({
                // Note: to access both $_POST and $_FILES you should set these to false
                processData : false,
                contentType : false,

                url : "/php-script.php",
                data : data,
                success : function(response){
                    console.log(response);
                }
            });
        });

这是使用 jquery 通过 AJAX 发送文件的一种非常常见的技术。