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/6be76c7722167f171f0a.html
微信小程序观察网致力于微信小程序制作开发运营推广教程，行业资讯和案例分享，为微信小程序开发及运营人员提供最新的开发文档和工具、运营方案等资源，打造具有影响力的微信小程序信息交流平台。
慕课网（IMOOC）是IT技能学习平台。慕课网(IMOOC)课程涉及JAVA、前端、Python、大数据等60类主流技术语言，覆盖了面试就业、职业成长、自我提升等需求场景，帮助用户实现从技能提升到岗位提升的能力闭环。
腾讯云(tencentcloud)为数百万的企业和开发者提供安全稳定的云计算服务，涵盖云服务器、云数据库、云存储、视频与CDN、域名注册等全方位云服务和各行业解决方案。
该站点未添加描述description...
阿里邮箱是业内唯一基于云计算原生公有云服务的邮件运营商，阿里企业邮箱为企业用户提供高安全、高性能、高稳定的邮件企业服务，海外多点部署,全球畅邮
逗号站长站，服务于互联网站长的站长工具。
富贵论坛，二十五年老富贵论坛官网，业务涉及QQ号码、YY、淘宝、抖音、陌陌、手机靓号、游戏账号，二手交易论坛，买号卖号就上富贵交易平台官方网站。
小站百科专业领先的网站目录平台，专注于免费提交和整理国内各行业排名前列的众多知名网站，我们的目标是打造一个全面、权威、专业的网站目录平台，助力用户快速定位所需信息，提升网络浏览效率。
六六分类目录采用人工审核收录国内优秀的网站,建立行业网站分类索引,为用户提供优秀的网址目录索引参考,也是网站推广的平台。
该站点未添加描述description...
在互联网发展的浩瀚长河中，网址导航系统扮演着至关重要的角色，它如同一位沉默的引航员，从最初的简单工具，逐步演变为集信息聚合、服务分发与智能交互于一体的综合性平台，其演变历程不仅映射了网络技术的飞速进步，更深刻反映了用户行为习惯与信息获取方式的变迁，本文将从个人视角出发，详细梳理网址导航系统从早期书签管理到现代智能推荐的演变脉络，并对其...。
缓存从来都是前端的一个痛点,很多前端搞不清楚缓存到底是何物这篇文章主要介绍了前端缓存策略及其应用场景的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
缓存机制随处可见,优秀的缓存机制可以缩短网页请求资源的事件,减少延迟,这篇文章主要介绍了前端常见的数据缓存方案及其实现的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
当易网手机游戏频道为您提供2021最新手机游戏排行榜，最好玩的手机新游戏试玩，更有非常多的免费游戏供大家下载。
为当易网用户带来最好用、最全的电子数码产品驱动程序，如照相机驱动、手写板驱动、摄像头驱动等等，欢迎下载。
为电脑用户带来最流行和实用的网页浏览工具大全，包括360浏览器,搜狗浏览器,uc浏览器,谷歌浏览器等浏览器，让你畅快享受网上冲浪之旅,当易网为大家提供相关上网浏览必备工具下载。
本站为用户带来最全的网络软件大全,包括了网络浏览,网络加速以及ftp工具和上传下载工具等等,更多软件尽在当易网!
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
html5模板网推荐租赁服务网站模板|租赁服务网站源码下载，网站上所有模板可在线下载，建站简单实用，是站长朋友选模板的首选。
很多时候我们需要在页面中引用外部的css文件,本文介绍了jQuery动态加载CSS的四种方法,推荐使用创建标签以支持缓存和标准加载,同时需注意跨域、性能优化及兼容性问题,旧版IE建议用setInterval检测加载状态,需要的朋友可以参考下
当易网提供最新最全的旅游软件和餐饮软件免费下载。旅游软件收集了全国各地所有着名景点，非常方便挑选自己喜欢的景点。通过电脑信息系统管理餐饮业的内部事务，使得作业更加简单化、高效。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。