ajax使用formdata上传图片

FormData的主要用途有两个

1、将form表单元素的name与value进行组合，实现表单数据的序列化(方便存储数据和传输数据)，从而减少表单元素的拼接，提高工作效率。

2.异步上传文件

function addData(userid) {
        if ($("select option:selected").val() == 1) {
            var name         = $("input[name='name']").val();
            if (name == '') {
                Tpop('提示', '请填写姓名');
                return false;
            }
            var id_number    = $("input[name='id_number']").val();
            if (id_number == '') {
                Tpop('提示', '请填写身份证号');
                return false;
            }
            var id_front_img = $("input[name='id_front_img']")[0].files[0];
            if (id_front_img == undefined) {
                var imgData = "{$user_data.id_front_img}";
                if (imgData == "") {
                    Tpop('提示', '请上传含手写申请的身份证正面照片');
                    return false;
                }
            }
            var id_back_img  = $("input[name='id_back_img']")[0].files[0];
            if (id_back_img == undefined) {
                var imgData = "{$user_data.id_back_img}";
                if (imgData == "") {
                    Tpop('提示', '请上传身份证背面照片');
                    return false;
                }
            }
            var formData = new FormData();
            formData.append("userid",userid);
            formData.append("name",name);
            formData.append("id_number",id_number);
            formData.append("id_front_img",id_front_img);
            formData.append("id_back_img",id_back_img);
        }
        $.ajax({ url: "/user/U/uAuthAdd", method:'POST', data:formData,processData: false, contentType: false, dataType:'json', success: function(res){
                if (res.code == 200) {
                    Tpop('提示', "提交成功");
                    setTimeout(function(){
                        location.reload() ;
                    },2000);
                } else {
                    Tpop('提示', res.msg);
                }
            }});
    }