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/e2844e7d27a096440627.html
微信小程序观察网致力于微信小程序制作开发运营推广教程，行业资讯和案例分享，为微信小程序开发及运营人员提供最新的开发文档和工具、运营方案等资源，打造具有影响力的微信小程序信息交流平台。
Jointheworld'smostwidelyadopted,AI-powereddeveloperplatformwheremillionsofdevelopers,businesses,andthelargestopensourcecommunitybuildsoftwarethatadvanceshumanity.
百家号，是百度为创作者打造的集创作、发布、变现于一体的内容创作平台，也是众多企业号实现营销转化的运营新阵地。
RTisthefirstRussian24/7English-languagenewschannelwhichbringstheRussianviewonglobalnews.
中华网新闻频道提供热点突发、深度报道、国内新闻、国际新闻、社会新闻、专题报道、时事评论、图片报道、军事、历史等全面且即时有深度的资讯内容。
Hostingandcloudsolutionsforallbusinesses.PartnerwithIONOSforintuitiveproducts,expertguidance,andscalableinfrastructure.
牛蛙资源网,每天准时更新全网精品资源免费分享平台,专注网络活动线报,技术教程,自学教程,网站源码,技术导航,绿色资源,包括绿色软件资源,办公资源,游戏图文攻略资源等,聚集了全网资源,技术,教程,分享平台！
全考通资源网提供考试资源下载,一级建造师、二级建造师、造价师、消防工程师、建筑师、资格考试、安全工程师、咨询工程师、公务员、考研、经济师、英语四六级等热门考试课件免费下载及分享平台。
济南欣烨化工有限公司是一家集科研，销售防黄剂，丁酰肼原药，防黄剂HN-130，防黄剂HN-150，防黄剂,丁酰肼原药,异戊烯醇321,对苯二酚,异戊醇,异戊烯醛,异丙叉丙酮，异丙醚，异己二醇，二甲硫基甲苯二胺，二乙基甲苯二胺，
首页秒收录,站长导航,网址导航,网站导航,网站大全,网站目录,网站分类,分类目录,网站收录,自动收录,秒收录
Day.js是一个极简的JavaScript库,可以为现代浏览器解析、验证、操作和显示日期和时间,这篇文章主要介绍了Day.js基础用法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
网站运营是为从事SEO的网站管理人员提供的教程,里面包含了百家号,熊掌号,公众号以及从基础到高深的SEO运营手册,让你快速提升网站权重,日访问量早日过万,有需要的快来当易网下载吧!
当易网为你提供视媒体其他软件下载相关，比如有媒体其他等软件供大家选择，如win7解码器,检测视频编码,超级捕快等视频,音频软件，欢迎下载。
当易网为你提供视网络电视软件下载，只要家里有一台电脑同时可以看电视上面的直播节目，比如有PPTV、爱奇艺、百度影音、腾讯视频、优酷播放器、乐视视频等软件供大家选择，欢迎下载。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
创建实例后，您可以根据业务需要进行软件安装、应用环境部署等操作，并基于实例生成私有镜像。使用该私有镜像创建新实例时，所有预装应用将自动继承，从而避免重复操作，提升环境搭建效率。私有镜像支持“创建私有镜像”和“导入私有镜像”两种创建方式。私有镜像包含“系统盘镜像”、“数据盘镜像”、“整机镜像”和“ISO镜像”四种镜像类型。系统盘镜像：系统盘
当您发现云服务器的运行速度变慢或云服务器突然出现网络断开现象，则可能是由以下原因导致的：云服务器使用共享资源型实例。由于共享型资源实例是多实例共享CPU，当资源不足时，实例间可能出现CPU资源争抢，导致云服务器卡顿。云服务器的带宽和CPU使用率过高。如果您已经通过云监控服务创建过告警任务，当CPU或带宽利用率高时，系统会自动发送告警给您。
采用竞价计费竞享模式购买的弹性云服务器，称之为“竞享计费型实例”，简称“竞享实例”。购买竞享实例需选择“保障周期”和“保障周期个数”。“保障周期”是购买竞享实例的最小单位时间，“保障周期”不同价格不同。竞享模式是竞价计费的一种新型售卖模式，其最核心的特点是超低价格和系统抢占机制，即您可以以较低折扣购买实例，但同时在系统资源不足等极端情况下
在现代Web开发中,数据交互是必不可少的环节,这篇文章主要介绍了fetch,ajax,axios的区别以及使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
当易网专为用户提供多种建筑工程所需要的工具，包括天正建筑、草图大师等，是专门为建筑与装修项目的可视化与设计而量身打造的软件。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。