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

文章编号：28 技术教程 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/0d59f4a9689afcaf4ea8.html

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

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

搜索

随着世界空间周接近尾声，宇宙依然不断给予我们仰望的理由。想象一下云朵——不是在天空中飘动，而是在浩瀚

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

BT8姐姐发布页

BT8姐姐

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

上游世界

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

游戏网游 2026-03-20 08:59:11

WinRAR

WinRAR压缩软件是一款解压缩软件,电脑装机所需的软件之一,解压缩个人版免费.

手机软件 2025-10-09 15:10:49

新闻中心首页

新浪网新闻中心是新浪网最重要的频道之一，24小时滚动报道国内、国际及社会新闻。每日编发新闻数以万计。

图片摄影 2025-10-09 15:11:02

URLOS

基于容器技术的新一代主机管理系统，将网站、小程序和APP等应用运行在多台主机上，弹性加减硬件，单机故障不影响在线业务。

网络应用 2025-10-09 15:11:22

知道创宇云安全

知道创宇是国内专业的网络安全服务与运营厂商，始终保持“让互联网更好更安全”的愿景与“为国为民”的初心，专注服务政府单位与企业，基于AI+大数据智能算法提供全方位业务安全监测、安全防御、等级保护测评、高级渗透测试等服务，并且提供云监测、创宇盾、加速乐、统一云防御等安全领域产品以及网络安全定制化解决方案，为政企各业务系统安全保驾护航。

网络应用 2025-10-09 15:11:23