ajax 图片上传

目前有两种上传方式：

1、利用原始的formData进行数据的封装上传，具体代码如下：

$("#argeebtn").bind("click",function () {
    var formData = new FormData($('#formId')[0]);

    $.ajax({
        url: "/product/add",
        data:formData,
        type: "POST",      
        /**
         *必须false才会自动加上正确的Content-Type
         */
        contentType: false,
        /**
         * 必须false才会避开jQuery对 formdata 的默认处理
         * XMLHttpRequest会对 formdata 进行正确的处理
         */
        processData: false,
        dataType:"json",
        success: function (result) {
            console.log(result)
            console.log()
            if(result.code=="ok"){
                closeWindow();
                window.location.href="/page/product/list";

            }
        }
    })
})

 

2、引入jquery.form.js

$("#formId").ajaxSubmit({

    url: "/product/add",
    type: "POST",
    dataType:"json",
    success: function (result) {
        console.log(result)
        console.log()
        if(result.code=="ok"){
            closeWindow();
            window.location.href="/page/product/list";
        }
    }
})