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

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

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

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

GitHub

Jointheworld'smostwidelyadopted,AI-powereddeveloperplatformwheremillionsofdevelopers,businesses,andthelargestopensourcecommunitybuildsoftwarethatadvanceshumanity.

博客日志 2025-10-09 15:09:53

爱测

爱测-测试人社区隶属于测吧（北京）科技有限公司，是一个软件测试爱好者的技术交流社区，主要做：软件测试、软件测试入门、自动化测试、性能测试、测试开发、接口测试、测试开发培训、自动化测试培训、python自动化测试、java自动化测试、测试教程、全栈测试、测试面试题、appium、selenium、jmeter、jenkins、loadrunner、测试平台、开源测试

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

梦想思维优质互联网资源分享平台

梦想资源站-优质的互联网分享平台资源每日更新

互联资讯 2025-10-09 15:09:54

学习资源分享

158资源整合网:是一个学习资源整合平台，整合各类名师讲座视频、培训课程、培训视频教程下载，也是一个虚拟资源平台。

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

China

Chinadaily.com.cnisthelargestEnglishportalinChina,providingnews,businessinformation,BBS,learningmaterials.TheWebsitehaschannelsasChina,BizChina,World,Opinion,Sports/Olympics,Entertainment,Lifestyle,Culture,Citylife,Photo,ForumandWeather.

图片摄影 2025-10-09 15:10:28