jtopo 实现调用saveImageInfo()方法直接下载图片,支持所有浏览器
来源:互联网 发布:西安市汇知中学 编辑:程序博客网 时间:2024/06/07 01:35
首先找到源代码里的saveImageInfo
方法
this.saveImageInfo = function (a, b) { var c = this.eagleEye.getImage(a, b), d = window.open("about:blank"); return d.document.write("<img src='" + c + "' alt='from canvas'/>"), this },
把以下代码复制替换掉上面代码:
this.saveImageInfo = function (a, b) { var c = this.eagleEye.getImage(a, b); 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 }); } var blob_ = dataURLtoBlob(c); // 用到Blob是因为图片文件过大时,在一部风浏览器上会下载失败,而Blob就不会 var url; url = { name: "图片名称", // 图片名称不需要加.png后缀名 src: blob_ }; if (window.navigator.msSaveOrOpenBlob) { // if browser is IE navigator.msSaveBlob(url.src, url.name+'.png');//filename文件名包括扩展名,下载路径为浏览器默认路径 } else { var link = document.createElement("a"); link.setAttribute("href", window.URL.createObjectURL(url.src)); link.setAttribute("download", url.name+'.png'); document.body.appendChild(link); link.click(); } return this },
小手一点下载按钮,下载成功^_^
阅读全文
0 0
- jtopo 实现调用saveImageInfo()方法直接下载图片,支持所有浏览器
- jtopo实现导出图片
- 调用浏览器下载图片 java实现
- 服务器二维码图片实现在浏览器直接输出&点击下载
- 图片远程保存,浏览器直接下载
- JS 实现图片直接下载
- JS 实现图片直接下载
- JS 实现图片直接下载
- CEPH支持浏览器直接下载时-中文乱码问题解决
- 针对onbeforeunload事件浏览器兼容方法,支持所有浏览器
- 修改iis 使得浏览器可直接下载图片
- Android 下载显示网络图片 实现直接使用类似setimage的方法来完成
- JS调用浏览器自带下载功能下载图片
- php使浏览器直接下载pdf文件的方法
- 所有浏览器支持的浏览器控制台输出信息的方法,支持IE,FireFox
- jtopo实现路程图
- js实现直接调用后台方法
- 如何实现使用C/C++直接调用系统默认浏览器?
- (四)wait()、notify()、notifyAll()方法||wait()与sleep()的区别
- AngualrJS的学习记录(二)
- 解决Android运行过程中出现的NoClassDefFoundError
- [堆与斜率] Codeforces 713C
- Linux ssh ftp 用户访问权限
- jtopo 实现调用saveImageInfo()方法直接下载图片,支持所有浏览器
- ebay_展示图片抓取
- JAVA程序员必看的15本书-JAVA自学书籍推荐
- Xcode里的-ObjC,-all_laod和-force_load的作用
- 支付宝支付
- 理解伯德图-3/4简单系统
- sql server 收缩日志文件
- python3.6安装报错,看这里
- 【python入门笔记】(三)基本数据结构