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

链接:

关注我们

js如何将base64格式的图片保存到本地
本文地址: https://www.earthnavs.com/jishuwz/0d59f4a9689afcaf4ea8.html
全局中部横幅
360游戏中心,我创造你快乐

360游戏中心是超好玩的的免费安全游戏平台,为亿万360玩家提供各种新鲜好玩的免费游戏及超值游戏礼包福利-360游戏中心,我创造你快乐!

技术导航

国内首屈一指的技术教程活动导航分类平台,站点已累计收录数千网站,累计为中国网民提供多达数亿的访问点击,满足用户随时查阅最全面最权威的文章资讯教程

文章信息

AT导航(www.atdh.cn)为您提供免费网站收录,以及网址大全库的建立,旨在为用户提供高效便捷的网址收录和查询服务,同时提供最全的优秀名站导航。

7
7

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

EwoMail邮件服务器,企业邮箱,一键搭建,安全稳定的开源邮件系统

Linux邮件服务器软件,一键搭建,轻量级的WebMail网页客户端,开源邮件系统,企业邮箱,轻松搭建,容易架设,支持反垃圾和防病毒,企业级邮箱系统解决方案

趣奇资源网

趣奇资源网掌握全网第一资讯共享基地为用户提供免费热门绿色精品软件,专注发布最新活动资讯,给用户打造了免费分享优质软件资源平台,保证无病毒、木马插件请大家放心使用。

3A源码网

3A源码网(www.ymaaa.com)是一个专业的网络资源分享平台,提供各种PHP源码、网站源码、游戏源码、模板插件、软件工具、网络教程等,为中国站长提供一站式资源下载。

开放分类目录

开放分类目录,免费收录各地区行业优秀网站的中文网站目录,提供DMOZ目录网址提交,网站收录,中文网站目录检索搜索功能,免费推广网站,分享互联网价值所在

山东欣烨生物

山东欣烨生物科技有限公司集科研,生产,销售N-乙烯基吡咯烷酮,聚维酮k30;聚乙烯吡咯烷酮,对苯二酚,乙醇钠,丁酰肼原药,固体甲醇钠对苯二酚,异戊烯醛,异戊烯醇321,防黄剂,丁酰肼原药,固体甲醇钠,甲醇钠溶液,乙醇钠溶液,丁酰肼原药,甲醇钠溶液,乙醇钠溶液,异戊烯醇,3-甲基-2-丁烯醇,异佛尔酮,无水叔丁醇,2-氨基-5-溴苯甲酸,异戊烯醛,酚醛树脂等产品

浏览器安全检测中

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