即时图片上传函数,获取图片地址显示图片

发表于 2020-06-18 18:58:44   |   下载附件   |   字体:
图片上传upload imagenew FormData();ajax 图片上传ajax upload
// 即时上传图片函数
function upLoadMethod(file, domId) {
	if(!file[0]){
		return false;
	}
    var formData = new FormData();
    formData.append('file', file[0]);
    $.ajax({
        cache: false, //上传文件不需要缓存
        type: "POST",
        url: "/hr/uc/sz/upload_to_alioss",
        data: formData,
        dataType:"json",
        timeout:1000*5,
        contentType: false, //需设置为false。因为是FormData对象,且已经声明了属性enctype="multipart/form-data"
        processData: false, //需设置为false。因为data值是FormData对象,不需要对数据做处理
        success: function (ret) {
            if(ret.result == 0 && ret.data) {
                $("#"+domId).parent().addClass("has-identify");
                switch (domId) {
                    case 'imghand':
                        $(".uploadbox .hand").css('background-image','url('+ ret.data +')');
                        $('#hand_img').val(ret.data);
                        break;
                    case 'imgback':
                        $(".uploadbox .back").css('background-image','url('+ret.data+')');
                        $('#front_img').val(ret.data);
                        break;
                    case 'imgfont':
                        $(".uploadbox .font").css('background-image','url('+ret.data+')');
                        $('#back_img').val(ret.data);
                        break;
                    default:
                        break;
                }
            }
        },
        error: function (err) {
            alert('上传失败');
        }
    });
}

// 图片上传
$("#imghand").on('change',function(e) {
    var handId = $(this).attr("id");
    var files = e.target.files;
    files && upLoadMethod(files,handId)
})
$("#imgback").on('change',function(e) {
    var backId = $(this).attr("id");
    var files = e.target.files;
    files && upLoadMethod(files,backId)
})
$("#imgfont").on('change',function(e) {
    var frontId = $(this).attr("id");
    var files = e.target.files;
    files && upLoadMethod(files,frontId)
})