js如何将base64格式的图片下载保存到本地

文章编号：123 技术教程 2025-09-23 js将base64图片保存本地原生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

上一篇：composer切换全局镜像源的方法

下一篇：mac苹果电脑怎么重命名文件文件夹

快手

该站点未添加描述description...

电影视频 2026-03-20 08:58:47

全宇宙网址导航

全宇宙网址导航一个优秀的网址免费收录网站，为您提供免费自动收录网站，友情链接交换平台，为您的网站带来源源不断的流量！

网站模板 2026-03-20 08:58:50

连接高校和企业

蓝桥云课是国内领先的IT在线编程及在线实训学习平台，专业导师提供精选的实践项目，创新的技术使得学习者无需配置繁琐的本地环境，随时在线流畅使用。以就业为导向，提供编程、运维、测试、云计算、大数据、数据库等全面的IT技术动手实践环境，提供Linux、Python、Java、C语言、Node.js、Hadoop、PHP、Docker、Git、 R、SQL、MongoDB、Redis、Swift、Spark等千门热门课程。

手机软件 2026-03-20 08:59:08

ZAKER新闻

ZAKER聚合了新闻、杂志、报纸、公众号等各类头条资讯，提供头条,科技,娱乐,体育,国内,国际,军事,财经,互联网,教育,时尚,社会,亲子,情感,旅游,科学,星座,奢侈品,游戏,美食,电影,健康,理财等多个领域今日最热门内容，并通过大数据算法提供个性化、社会化新闻服务。

电影视频 2025-10-09 15:10:18

斗鱼

斗鱼-每个人的直播平台提供高清、快捷、流畅的视频直播和游戏赛事直播服务，包含英雄联盟lol直播、穿越火线cf直播、dota2直播、美女直播等各类热门游戏赛事直播和各种名家大神游戏直播，内容丰富，推送及时，带给你不一样的视听体验，一切尽在斗鱼-每个人的直播平台。

电影视频 2025-10-09 15:10:40

海外产品使用

该站点未添加描述description...

电影视频 2025-10-09 15:10:40

中国网

国家重点新闻网站，拥有十个语种独立新闻采编、报道和发布权；第一时间报道国家重大新闻事件；国情信息库服务全球读者了解中国；国务院新闻办公室发布会独家网络直播发布网站；拥有国内外顶级学者专家资源，独家编发各种相关政策解读。

新闻资讯 2025-10-09 15:11:02

小微视频网

小微视频网，提供了影视解说,小品剧情,教育培训，软件下载,资源下载，SEO教程，网赚技术教程，分享小微视频教程门户网站。

电影视频 2025-10-09 15:12:06

济南欣烨生物

济南欣烨生物科技有限公司是一家集科研，销售四氢噻吩,N-甲基吡咯烷酮,对苯醌,对苯二酚,2-氟-3-硝基苯甲酸,三苯基膦,氧化苯乙烯,苯乙酮,间苯二甲醚,2-氰基吡嗪,二甲基硫醚,异戊烯醛,异戊烯醇,环戊酮,丙二腈,偶氮二异丁腈,叔丁醇医药中间体,酚醛树脂，氧化苯乙烯,苯乙酮,间苯二甲醚,2-氰基吡嗪,二甲基硫醚,异戊烯醛,异戊烯醇,环戊酮,丙二腈,偶氮二异丁腈,叔丁醇医药中间体,酚醛树脂

科研机构 2025-11-12 20:33:46