完美解决IE浏览器下下载功能

当时是自己封装的用a标签下载，但是遇到IE就是一堆的坑，不能下载

 var image = new Image()// 解决跨域 Canvas 污染问题image.setAttribute('crossOrigin', 'anonymous')image.onload = function() {var canvas = document.createElement('canvas')canvas.width = image.widthcanvas.height = image.heightvar context = canvas.getContext('2d')context.drawImage(image, 0, 0, image.width, image.height)var url = canvas.toDataURL('image/jpg') // 得到图片的base64编码数据var a = document.createElement('a') // 生成一个a元素var event = new MouseEvent('click') // 创建一个单击事件a.download = name || 'photo' // 设置图片名称a.href = url // 将生成的URL设置为a.href属性a.dispatchEvent(event) // 触发a的单击事件}image.src = imgsrc

然后我就一顿搜索，找到了这位博主的方法下载源码，完美解决了问题
首先下载

npm install --save ly-downloader

2 、引入 download
3、使用时传入三个参数就可以了 download(type, data, name)：

type: 1 或 2（ 用于判断传入的是地址还是canvas对象 ）
data: type = 1 时传入文件地址； type = 2 时传入一个canvas对象（ 配合html2canvas使用 ）
name: 下载图片默认文件名（ type = 1 时设置’'为地址默认文件名, type = 2 时 name 不能为空 ）
注：name 参数虽然只有在下载文件类型为图片时生效，但为避免出错都需要传入一个值
例：download(1, url, ‘’) 或 download(2, canvas对象, ‘图片附件’)
```vue引入就是这样了，非窜简单
import download from 'ly-downloader'
export default {methods: {// url = '你的文件地址'_download (url) {download(1, url, '文件名')},}
}

大家如果想了解这个模块的源码在这里博主：@我的代码果然有问题

完美解决IE浏览器下下载功能相关推荐

解决微信屏蔽内置浏览器的下载功能以及如何跳转到手机默认浏览器下载的实现...
今天一后台同事问我:为什么从App里面分享到微信好友时,在微信里没有发下载分享里的软件,而在浏览器中却可以? 于是我在微信公众号中试了一下,发现果然不可以下载.通过google 发现,原来是微信屏蔽了 ...
利用Chrome浏览器“自动下载”功能窃取Windows登录密码
本文讲的是利用Chrome浏览器"自动下载"功能窃取Windows登录密码,在过去的十几年中,除了IE以及Edge浏览器之外,其余还没有公开针对SMB认证攻击的方法.这篇文章介绍的 ...
微信屏蔽内置浏览器的下载功能的解决方案：微信跳转到手机默认浏览器下载
今天一后台同事问我:为什么从App里面分享到微信好友时,在微信里没有发下载分享里的软件,而在浏览器中却可以? 于是我在微信公众号中试了一下,发现果然不可以下载.通过google 发现,原来是微信屏蔽了 ...
idea中下载插件超时_完美解决idea无法搜索下载插件的问题
IDEA无法搜索插件最近重装了系统,需要配置好多环境,但当我在idea中搜索插件的时候,发现idea Plugins居然搜索不到插件,百度了下,有些是设置idea勾选的,不过我试了之后,然并卵... ...
如何解决IE浏览器阻止下载文件
如何解决IE浏览器阻止下载文件 IE浏览器总是阻止我自动下载的文件,显示"为帮助保护您的安全,Internet Explorer已经阻止从此站点下载文件到您的计算机.单击此处查看选项...& ...
根据多个网络url打压缩包并触发浏览器的下载功能---java
通过多个网络的url打包为.zip文件并触发浏览器的下载功能阿里oss存储的连接也可以控制层代码 /*** * 批量下载讲义* @return* @author jiejing*/@Respons ...
完美解决ie浏览器location.href不刷新页面的问题，进入页面只刷新一次
完美解决ie浏览器location.href不刷新页面的问题,进入页面只刷新一次参考文章: (1)完美解决ie浏览器location.href不刷新页面的问题,进入页面只刷新一次 (2)https: ...
解决 Edge 浏览器阻止下载
解决 Edge 浏览器阻止下载问题解决步骤
解决IE浏览器下路由变化页面不更新问题
解决IE浏览器下路由变化页面不更新问题年前做的一个vue项目,利用router控制页面切换,切换的页面内容都是通过iframe标签嵌套展示,chrome下切换时访问正常,但是在IE浏览器出现了一个奇 ...

完美解决IE浏览器下下载功能

完美解决IE浏览器下下载功能

完美解决IE浏览器下下载功能相关推荐

最新文章

热门文章