Press "Enter" to skip to content

JQuery使用FormData上传图片

前置条件:

form 表单设置 enctype="multipart/form-data"

<form id="add_form" method="post" enctype="multipart/form-data">
    <p>
        <label>营业执照:</label>
        <input type="file" name="card_img" id="card_img" accept="image/*">
    </p>
                
    <p>
        <label>执照编码:</label>
        <input type="text" name="idcard" value="" palceholder="请输入营业执照编码">
    </p>
    <input type="button" onclick="submit()" value="提交">
</form>

JQ实现:

function submit(){
    var formData = new FormData($("#add_form")[0]);
    $.ajax({
        url: "/path/to/your/url",
        type: "post",
        data: formData,
        async: false, // 是否异步传输
        cache: false, // 是否缓存
        contentType: false, // 必须false才会自动加上正确的 Content-Type
        processData: false, // 必须false才会避开jQuery对 formData 的默认处理
        success: function(s){
            // something...
        });
    reture false;
}

PHP后端:

public function receive()
{
    if (IS_POST){
        print_r($_POST);
        print_r($_FILES);
        die();
    }
}

易踩坑:没有注意前置条件

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Captcha Code

提示