ajax上传后台图片

首先需要引入jquery.form.js

html:
    <img class="cardPostImg" src='' alt='' id='card_oppoImg' />
    <form id="oppoForm" method="post">
        <input class="authSubmit_input" name="idCard_oppo" id="idCard_oppoFile" onchange="card_oppoImgFun(this);show('card_oppoImg','idCard_oppoFile');" type="file" />
    </form>

js：
function card_oppoImgFun(imgFile) {
    var maxSize = 1024 * 1024 * 5; //最大上传图片5M
    var extension = imgFile.value.substring(imgFile.value.lastIndexOf("."), imgFile.value.length); //扩展名
    extension = extension.toLowerCase(); //把文件扩展名转换为小写
    if((extension != '.jpg') && (extension != '.jpeg') && (extension != '.png')) {
        alert("对不起，系统仅支持标准格式的照片，请您调整格式后重新上传，谢谢 !");
        return
    }
    var file = imgFile.files[0]; //文件对象
    var name = file.name; //图片名
    var size = file.size; //图片大小
    //  if(size > maxSize) {
    //      $("#alipapyErweimaError").html("图片大于5M，请压缩后重新上传");
    //      $('#alipapyErweimaError').show();
    //      return false;
    //  }
    var url = baseUrl + '/upload/singleIdImage';
    $("#oppoForm").ajaxSubmit({
        dataType: "json",
        method: "POST",
        url: url,
        //      data:{
        //          testMode:1;
        //      },
        beforeSend: function(request) {
            request.setRequestHeader("token", token);
        },
        success: function(data) {
            if(data.code == 1) {
                $('#card_oppoImg').attr('src', data.resultMap.url);
            }
        },
        error: function(e) {
            myalert("上传失败", "", "友情提示", "确定");
        }
    });
}