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
链接：
关注我们
本文地址： https://www.earthnavs.com/jishuwz/59707b22928b7cb5ae52.html
跨境王WhatsApp客服软件是一款管理多个WhatsApp聊天的软件，可以翻译WhatsApp聊天记录，备份WhatsApp聊天记录，将输入语句翻译成外语并发送，设置常用话术，备注客户信息
流星导航网，免费收录，致力于简洁高效的上网导航和搜索入口，沉淀最具价值链接，全站无商业推广，简约而不简单。
简书是一个优质的创作社区，在这里，你可以任性地创作，一篇短文、一张照片、一首诗、一幅画……我们相信，每个人都是生活中的艺术家，有着无穷的创造力。
新闻,新闻中心,包含有时政新闻,国内新闻,国际新闻,社会新闻,时事评论,新闻图片,新闻专题,新闻论坛,军事,历史,的专业时事报道门户网站
该站点未添加描述description...
百度贴吧——全球领先的中文社区。贴吧的使命是让志同道合的人相聚。不论是大众话题还是小众话题，都能精准地聚集大批同好网友，展示自我风采，结交知音，搭建别具特色的“兴趣主题“互动平台。贴吧目录涵盖游戏、地区、文学、动漫、娱乐明星、生活、体育、电脑数码等方方面面，是全球领先的中文交流平台，它为人们提供一个表达和交流思想的自由网络空间，并以此汇集志同道合的网友。
该站点未添加描述description...
打印机驱动网提供打印机驱动下载,为您安装和使用打印机驱动提供帮助,解决您在打印机驱动使用过程中的困惑。
逗号站长站，服务于互联网站长的站长工具。
前端代码的打包和压缩是现代Web开发中优化性能的关键步骤,本文将全面介绍从基础配置到高级优化的完整方案,并通过代码是讲解的非常详细,需要的朋友可以参考下
当易网提供各类图标工具下载，包括多种图标制作软件图标素材，如icon图标桌面图标,系统图标,苹果图标,ico图标,电脑图标,文件夹图标等图标素材下载。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
帮助用户完成快速购买服务器备份容器并创建云服务器备份，为服务器或磁盘提供保护。备份云服务器时，不会对服务器造成任何性能影响。裸金属服务器备份与弹性云服务器备份操作一致。如果暂时不需要使用服务器，可为服务器创建备份后将其删除，需要时再使用备份创建镜像恢复为服务器即可。注册华为账号并开通华为云，完成实名认证。关于注册华为账号并开通华为云，请参
在使用Zblog搭建的网站中，有时会遇到在文章里插入的Emoji表情包，在前台文章显示时变成了问号的情况。这不仅影响了文章的美观度，也可能降低用户体验。下面为大家介绍该问题的解决办法。出现这种问题的原因是Z...
代码吭哧吭哧堆到GitHub第1000个commit了？哥们儿，别光让它们锁在仓库里吃灰啊！是时候亮亮你的真家伙了——搭个个人技术博客！这不是啥赶时髦，这活儿是老码农爬出信息孤岛、把经验挖成深井的趁手铲子！都说写博客...
一搜索引擎工作原理当我们在输入框中输入关键词点击搜索或查询时然后得到结果深究其背后的故事搜索引擎做了很多事情在搜索引擎网站比如百度在其后台有一个非常庞大的数据库里面存储了海量的关键词而每个关键词又对应着很多网址这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的这些程序称之为搜索引擎蜘蛛或网络爬虫这些勤劳的蜘蛛每天...
卡牌类手游可以说是一款非常风靡的手机游戏类型，此次当易网为用户带来了手机卡牌游戏、集换式卡牌游戏、魔幻卡牌游戏、欢迎下载。
网络技术教程是特意为想要从事it行业的用户们提供的电脑教程,包括了网络技术入门教程和华为,思科等等网络通信极速的数据,有需要的不妨前来当易网下载吧!
当易网为用户提供最热、最强大的财务管理软件，其中包含热门财务管理大全、财务管理排行榜等软件下载。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。