js 把base64的数据转换成图片上传服务器

nacuil

已于 2022-06-22 09:30:54 修改

阅读量1.1k

点赞数

文章标签： javascript 服务器前端

于 2022-06-22 09:27:41 首次发布

原文链接：https://blog.csdn.net/wwlilil/article/details/123047130

版权

js把base64的数据转换成图片

//base64图片数据
var dataurl = “data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD…”;

//上传到服务器
var arr = dataurl.split(‘,’), mime = arr[0].match(/: (.*?);/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);

while(n–){
u8arr[n] = bstr.charCodeAt(n);
}
var obj = new Blob([u8arr], {type:mime});
var fd = new FormData();
fd.append(“upfile”, obj,“image.png”);
$.ajax({
url: “/file/upfile”,
type: “POST”,
processData: false,
contentType: false,
data: fd,
success: function (data) {
console.log(data);
}
});

//保存图片到本地
(function(t){
var dlLink = t || document.createElement(“a”);
if(!t){
dlLink.id=‘dlLink’;
dlLink.download = ‘文件名’;
document.body.appendChild(dlLink);
}
dlLink.href = dataurl;
dlLink.click();
})(document.querySelector(“#dlLink”));

//显示为网页图片

document.querySelector(“#testImg”).src = dataurl;
————————————————
版权声明：本文为CSDN博主「wwlilil」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wwlilil/article/details/123047130