base64转Blob通过ajax上传服务器

最新推荐文章于 2024-03-15 09:45:28 发布

Nitfgg

最新推荐文章于 2024-03-15 09:45:28 发布

阅读量158

点赞数

文章标签： javascript jquery base64 ajax blob

本文链接：https://blog.csdn.net/u011591179/article/details/122826115

版权

/**
*base64转Blob
*/
function convertBase64UrlToBlob(urlData){  

    var bytes=window.atob(urlData.split(',')[1]);        //去掉url的头，并转换为byte  

    //处理异常,将ascii码小于0的转换为大于0  
    var ab = new ArrayBuffer(bytes.length);  
    var ia = new Uint8Array(ab);  
    for (var i = 0; i < bytes.length; i++) {  
        ia[i] = bytes.charCodeAt(i);  
    }  

    return new Blob( [ab] , {type : 'image/png'});  
} 
/**
*base64Url为可直接在imgsrc里显示的图片base64
*/
function save(base64Url){
    var formData2 = new FormData();
    formData2.append("img",convertBase64UrlToBlob(base64Url));
    formData2.append("id",'123');
    $.ajax({
	    url: contextPath + "/account/user/info/cutImage",
		type: "POST",
		data: formData2,
		contentType: false,//必须false才会自动加上正确的Content-Type
		processData: false,//必须false才会避开jQuery对 formdata 的默认处理XMLHttpRequest会对formdata 进行正确的处理
		success: function (data) {
		    if (data.code==1) {
		        alert('修改成功', {icon: 1, offset: 't'});
		    }else{
		        alert('上传失败！', {icon: 0, offset: 't'});
		    }
		},
		error: function () {
		    alert('上传失败！', {icon: 0, offset: 't'});
		}
    });
}