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/d34138ac3eaff77fe58f.html
360AI图片工具是一款高质量在线图片工具，使用简便，让小白也能轻松上手快速出图。网站的功能有：裁剪旋转、修改尺寸、画笔标记、图片压缩、图片格式转换、AI抠图、AI擦除、AI去字迹、AI去水印、图片提取文字、无损放大、AI创作、涂鸦生成、魔法风格、图生图、AI全景、自定义布局、文章配图、广告创意生成、AI证件照等！
Jointheworld'smostwidelyadopted,AI-powereddeveloperplatformwheremillionsofdevelopers,businesses,andthelargestopensourcecommunitybuildsoftwarethatadvanceshumanity.
该站点未添加描述description...
FreeonlineRSSgenerator.CreateRSSfromanywebpage.BuildRSSfeedforyoursiteorgenerateXMLforpersonalusage
纽约时报中文网国际纵览(cn.NYTimes.com)是纽约时报公司旗下的首个中文媒介产品，旨在向中国读者提供有关全球时事、商业及文化的高水准报道。它将时报公司屡获大奖之新闻内容中最精华部分带给全球中文读者，这些内容产自《纽约时报》1550名记者和31个全球分社，其中也包括北京、上海及香港记者站。网站内容特为中文读者量身打造，既包括《纽约时报》英文报道的中译版本，也包括本土中文作者及专栏作家专为中文网所撰写的原创稿件。
联想_lenovo笔记本电脑_平板电脑_手机_台式机_服务器_外设数码_联想官网
豆瓣电影提供最新的电影介绍及评论包括上映影片的影讯查询及购票服务。你可以记录想看、在看和看过的电影电视剧，顺便打分、写影评。根据你的口味，豆瓣电影会推荐好电影给你。
百度智能云致力于为企业和开发者提供全球领先的人工智能、大数据和云计算服务，加速产业智能化转型升级
VFXCG(CG天下)一站式打造视觉设计领域资源！有视频模板，视频素材，音频素材，3D模型，软件下载，插件脚本，视频教程。PR模板/AE模板,FCPX插件,Blender插件/C4D插件,实拍视频,音乐素材/音效素材,LUTs调色预设。
云搜站导航（yunsouzhan.cn）专注为职场人士提供高效办公解决方案，聚合PPT模板、Excel工具、在线协作平台、行政管理系统等实用资源，严选全网可商用、免版权素材，每日人工更新验证，网址大全，助力提升工作效率。即点即用，无广告干扰！
在 Vue 中动态实现进度条,基本上有两种常见的方法：直接通过 Vue 数据绑定控制样式,或者利用外部库来实现更复杂的功能,我们会深入探讨这两种方式,并且详细说明每种方法的实现步骤、优缺点以及使用场景,需要的朋友可以参考下
单例模式是一种创建型设计模式,它确保一个类只有一个实例,并提供一个全局访问点,这篇文章主要介绍了前端(JavaScript)中单例模式的实现与应用实例的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
当易网为大家带来非常齐全、安全、实用的解压压缩软件，包括7-zip、winrar、好压或者360压缩,其实都差不多,支持rar,zip解压软件免费下载
当易网手机游戏频道为您提供2021最新手机游戏排行榜，最好玩的手机新游戏试玩，更有非常多的免费游戏供大家下载。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
华为云SSL证书管理提供不同规格的SSL证书产品,域名SSL证书实现站点HTTPS加密，保护网站、内外部网络上敏感数据的传输，防止网络钓鱼，提升企业的优质形象。
竞价计费型实例采用竞价计费模式，以一定折扣购买并使用弹性云服务器，性能与常规云服务器无异。但是当库存资源不足，或市场价格上浮、并超过您的预期价格时，系统会自动释放您的云服务器资源，对这些折扣售卖的弹性云服务器进行中断回收。与“按需计费”和“包年/包月”方式购买的弹性云服务器相比，在提供同等性能的前提下，竞价计费型实例可提供超低折扣，降低用
卡牌类手游可以说是一款非常风靡的手机游戏类型，此次当易网为用户带来了手机卡牌游戏、集换式卡牌游戏、魔幻卡牌游戏、欢迎下载。
当易苹果手游网致力于为手机游戏玩家免费提供苹果游戏下载，至今已经收录了几千款精品游戏。包含各个游戏分类。有了当易网苹果游戏网，你再也不要到处找免费、破解、中文、单机这些游戏了哦。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。