js如何将base64格式的图片下载保存到本地

做了一个web页面图片处理的小工具,由于图片的处理是以base64格式进行,在将图片保存下载到本地时,就需要使用JS将base64的图片转换为普通图片并下载到本地,下面是使用方法。

function dataURLtoBlob(dataurl) {    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);    }    return new Blob([u8arr], { type: mime });} function downloadfile(url,name){    var a = document.createElement("a") //新建一个a链接    a.setAttribute("href",url) // a链接的url为图片的url    a.setAttribute("download",name)    a.setAttribute("target","_blank")    let clickEvent = document.createEvent("MouseEvents");    clickEvent.initEvent("click", true, true);      a.dispatchEvent(clickEvent);}// 73so.comfunction downloadFileByBase64(base64,name){    var myBlob = dataURLtoBlob(base64);    var myUrl = URL.createObjectURL(myBlob); //创建图片的临时url    downloadFile(myUrl,name)}

调用方法:

var baseimg = 'data:image/png;base64,sdfsdf.......';var name = new Date().getTime(); //自定义图片名称downloadFileByBase64(baseimg,name);

注意:

1、在使用上面的代码之前必须判断一下是不是图片类型的base64

2、需要处理的base64字符串必须以“data:image”开头。

3、下载的文件名,自定义即可

可通过以下几种方式联系或关注我们!

联系我们

可通过以下几种方式联系或关注我们!

Q Q:540344537

微信:mowu1086

链接:

关注我们

js如何将base64格式的图片保存到本地
本文地址: https://www.earthnavs.com/jishuwz/e2844e7d27a096440627.html
全局中部横幅
陌溪的学习笔记

一个专注于技术分享的笔记平台

Linux命令大全(手册)

专注于Linux命令大全与详解的在线命令查询网站,包含Linux命令手册、Linux命令详解、Linux命令学习与shell脚本编程大全等优质学习资料,准确,丰富,稳定,在技术之路上为您护航!

奔跑中的奶酪

有智,有趣,有爱是世界上最美好的三件事。崇尚科技,网站致力于个人提升和价值分享。——奔跑中的奶酪

登录

该站点未添加描述description...

今日热榜官网

今日热榜提供各站热榜聚合:微信、今日头条、百度、知乎、V2EX、微博、贴吧、豆瓣、天涯、虎扑、Github、抖音...追踪全网热点、简单高效阅读。

知道日报作者中心

:。知道日报是百度知道重磅推出的品牌内容栏目,泛生活领域的专业知识问答平台。基于百度知道强大的问答平台基础和良好的用户口碑,知道日报甄选广大网友深感兴趣的泛生活领域问题,涉及生活、科技、互联网、健康、环境、天文等几十个分类,邀请专业机构、专家学者,向读者提供专业优质的回答。

有益网络

有益网络(www.150cn.com)是基于云计算的互联网产品提供商,专业提供域名注册、虚拟主机、云服务器、VPS主机、挂机宝、动态vps等产品和服务,配备超6星的客服技术服务团队。

济南欣烨生物

济南欣烨生物科技有限公司是一家集科研,销售四氢噻吩,N-甲基吡咯烷酮,对苯醌,对苯二酚,2-氟-3-硝基苯甲酸,三苯基膦,氧化苯乙烯,苯乙酮,间苯二甲醚,2-氰基吡嗪,二甲基硫醚,异戊烯醛,异戊烯醇,环戊酮,丙二腈,偶氮二异丁腈,叔丁醇医药中间体,酚醛树脂,氧化苯乙烯,苯乙酮,间苯二甲醚,2-氰基吡嗪,二甲基硫醚,异戊烯醛,异戊烯醇,环戊酮,丙二腈,偶氮二异丁腈,叔丁醇医药中间体,酚醛树脂

导航站

导航站,站长导航,网址导航,网站导航,网站大全,网站目录,网站分类,分类目录,网站收录,自动收录,秒收录

文心一言

文心一言既是你的智能伙伴,可以陪你聊天、回答问题、画图识图;也是你的AI助手,可以提供灵感、撰写文案、阅读文档、智能翻译,帮你高效完成工作和学习任务。