博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用前端将链接转为二维码,并下载
阅读量:6859 次
发布时间:2019-06-26

本文共 1376 字,大约阅读时间需要 4 分钟。

<script src="js/jquery.js"></script>

<script src="js/jquery.min.js"></script>
<script src="js/qrcode.js"></script>

 

<script type="text/javascript">

// alert("111");
var qrcode=new QRCode(document.getElementById('qrcode'), "https://z.jd.com/bigger/search.html");
var imgs = document.getElementById("qrcode").getElementsByTagName("img")[0]
console.log(imgs)
window.οnlοad=function(e){
console.log(imgs.src)
var picName=imgs.src;
download(picName);
}
//下载图片
function download(picName) {
let imgData = picName;//这里放需要下载的base64
this.downloadFile('测试.png', imgData);
}
//下载
function downloadFile(fileName, content) {
let aLink = document.createElement('a');
let blob = this.base64ToBlob(content); //new Blob([content]);
let evt = document.createEvent("HTMLEvents");
evt.initEvent("click", true, true);//initEvent 不加后两个参数在FF下会报错 事件类型,是否冒泡,是否阻止浏览器的默认行为
aLink.download = fileName;
aLink.href = URL.createObjectURL(blob);
// aLink.dispatchEvent(evt);
aLink.click()
}
//base64转blob
function base64ToBlob(code) {
let parts = code.split(';base64,');
let contentType = parts[0].split(':')[1];
let raw = window.atob(parts[1]);
let rawLength = raw.length;
let uInt8Array = new Uint8Array(rawLength);
for (let i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i);
}
return new Blob([uInt8Array], {type: contentType});
}
</script>

转载于:https://www.cnblogs.com/wth21-1314/p/10132423.html

你可能感兴趣的文章
JAVA入门到精通-第53讲-数据库概念
查看>>
升级10.10 Yosemite 后,cocoapods 出现错误(解决方案)
查看>>
[Microsoft][ODBC 驱动程序管理器] 在指定的 DSN 中,驱动程序和应用程序之间的体系结构不匹配...
查看>>
SQL ROW_NUMBER() 分页使用示例
查看>>
UEditor编辑器两个版本任意文件上传漏洞分析
查看>>
Redis分布式锁服务(八)
查看>>
MySQL的引入
查看>>
C++单例模式
查看>>
bower安装报错”Cannot be run with sudo”解决办法
查看>>
android平台中编写jni模块的方法(3)
查看>>
软件工程网络15结对编程1——四则运算优化
查看>>
进程、应用程序域,线程和上下文之间的关系
查看>>
c++作业:递归调用,例题4.5 求第五个人的年龄
查看>>
为什么我的新项目选择了Quick-cocos2d-x
查看>>
Spring源码学习之一下载和导入
查看>>
13.使用第三方类实现动画
查看>>
H5在js中向指定的元素添加样式
查看>>
Java第一章
查看>>
文件编辑器Vim操作使用
查看>>
本地通知,UILocalNotification
查看>>