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/b69e062ee33ffbbf5ae3.html
爱测-测试人社区隶属于测吧（北京）科技有限公司，是一个软件测试爱好者的技术交流社区，主要做：软件测试、软件测试入门、自动化测试、性能测试、测试开发、接口测试、测试开发培训、自动化测试培训、python自动化测试、java自动化测试、测试教程、全栈测试、测试面试题、appium、selenium、jmeter、jenkins、loadrunner、测试平台、开源测试。关于霍格沃兹测试开发学社霍格沃兹测试开发学社，隶属于测吧（北京）科技有限公司，是一个面向软件测试爱好者的技术交流社区，聚焦软件测试、软件测试入门、自动化测试、性能测试、接口测试、测试开发、全栈测试，以及人工智能测试（AI测试）等方向。学社内容覆盖Python自动化测试、Java自动化测试、Web自动化、App自动化（Appium）、Selenium、JMeter、LoadRunner、Jenkins等测试技术与工具，同时关注AI在测试设计、用例生成、自动化执行、质量分析与测试平台建设中的应用，以及开源测试相关实践。在人才培养方面，学社建设并运营高校测试实训平台，组织“火焰杯”软件测试相关技术赛事，探索面向高校学员的实践型培养模式，包括先学习、就业后付款等能力导向路径。此外，学社还提供面向测试工程师的能力提升支持，包括名企大厂1v1私教服务，用于结合个人背景的定向指导与工程能力提升。
湖南在线是由湖南日报社主办的地方重点新闻门户网站，提供新闻信息、生活资讯、客户端、微博、活动策划、舆情、广告等服务，以传统报纸媒体为依托，创建了新湖南客户端，以新兴产业为一体的新型融媒体信息服务商、文化产业综合服务提供商。
该站点未添加描述description...
中华网新闻频道提供热点突发、深度报道、国内新闻、国际新闻、社会新闻、专题报道、时事评论、图片报道、军事、历史等全面且即时有深度的资讯内容。
金泉翱联网精心聚合最新的网站相关知识信息，全力打造出一个全新的网站平台资源整合体。在这里，为您提供全网范围内各类问题的解答，还有丰富的天气资讯、文学辞典、历史知识以及实用的生活小常识等内容。
DDNSTO内网穿透设备原理远程下载远程开机远程桌面远程文件管理
natapp是基于ngrok的国内高速内网穿透专业服务商,独家彻底解决ngrok1.7内存泄漏问题.稳定拒绝掉线,适用于微信开发调试,本地架设演示服务器,外网可以访问,远程服务器,远程桌面,远程办公,游戏联机等
候鸟号致力于做一个正经的财经资讯平台，证券、期货、基金等栏目专业分析讲解，帮助您成为一个优秀的财经爱好者。
3A源码网(www.ymaaa.com)是一个专业的网络资源分享平台,提供各种PHP源码、网站源码、游戏源码、模板插件、软件工具、网络教程等，为中国站长提供一站式资源下载。
山东欣烨生物科技有限公司集科研，生产，销售N-乙烯基吡咯烷酮,聚维酮k30;聚乙烯吡咯烷酮,对苯二酚,乙醇钠,丁酰肼原药,固体甲醇钠对苯二酚,异戊烯醛,异戊烯醇321,防黄剂,丁酰肼原药,固体甲醇钠,甲醇钠溶液,乙醇钠溶液,丁酰肼原药,甲醇钠溶液,乙醇钠溶液,异戊烯醇,3-甲基-2-丁烯醇,异佛尔酮,无水叔丁醇,2-氨基-5-溴苯甲酸,异戊烯醛，酚醛树脂等产品
这篇文章主要为大家详细介绍了Vue使用element plus组件时出现时间格式问题的解决方法,文中的示例代码讲解详细,需要的小伙伴可以参考下
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
华为云弹性云服务器(简称ECS)是一种可随时自助获取，可弹性伸缩的云服务器，可帮助您打造可靠、安全、灵活、高效的应用环境，确保服务持久稳定运行，提升运维效率
ECS实例关联安全组时，是将ECS实例的网卡关联到安全组。关联安全组后，实例的流入和流出流量受安全组规则限制。您可以根据业务需要，随时调整ECS实例的网卡与安全组的关联关系。多个安全组的生效规则请参考安全组及规则的工作原理。本节操作介绍当弹性云服务器的网卡需要增加所属安全组时的操作步骤。支持对一台或多台弹性云服务器进行增加所属安全组的操作
这个代码很早之间就有了，偶尔能用到，但是总得百度，因为脑子不好使，记不住。。。所以把代码记录下，增加一点记忆，毕竟好记性不如烂笔头，何况记性还不好。直接调用某个分类下的最新文章（文章发布时间的降序排列）包括子分类文章...
Vue.js的v-model实现双向绑定,依赖响应式系统与事件监听,支持表单元素和自定义组件,提供.lazy、.number、.trim等修饰符,Vue3通过Proxy优化响应机制,提升表单交互效率与代码质量,本文给大家介绍Vue中v-model的双向绑定实现原理,感兴趣的朋友一起看看吧
在JavaScript中,将其他类型的值转换为字符串是一个非常常见且重要的操作,理解这些转换规则可以帮助我们避免类型错误、写出更健壮的代码,本文将系统讲解各种基本类型如何转换为字符串,需要的朋友可以参考下
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。