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私教服务,用于结合个人背景的定向指导与工程能力提升。
























