通过js下载图片
2020-04-05 07:16
621 查看
简介
其实原理很简单就是通过浏览器的性质来完成下载
方案1
function download(src) { const $a = document.createElement('a'); $a.setAttribute("href", src); $a.setAttribute("download", ""); const event = new MouseEvent('click'); $a.dispatchEvent(evObj); };
此方法原理为触发a标签的click事件
方案二
function download(src) { const $a = document.createElement('a'); $a.setAttribute("href", src); $a.setAttribute("download", ""); $a.click() };
此方法同上
以上原理
<a href="1.png" download=""></a>
方案三
注意事项
测试环境: chrome
比较坑的一点是如果以上操作在异步, 那么将无法正常下载
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 通过JS将BSAE64生成图片并下载
- 动态生成二维码图片后通过js(JavaScript)或jq实现网页图片转base64格式下载
- js 通过src 获取图片大小
- js 将远程图片转化为base64及下载远程图片
- 本地判断图片大小和宽度是可以的;IE6下测试通过,其他还没考虑JS兼容性
- 通过alpha变量实现图片透明度渐变(仍然用到JS缓冲运动框架)
- 通过js等比扩大图片的比例
- js 下载Base64格式数据图片(兼容主流浏览器)
- DD_belatedPNG.js解决透明PNG图片背景灰色问题(DD_belatedPNG.js下载)
- Node.js mm131图片批量下载爬虫1.00 iconv协助转码
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- php通过修改header强制图片下载的方法
- php通过修改header强制图片下载
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- canvas导出为图片并用JS下载
- 通过scrapy内置的ImagePipeline下载图片到本地、并提取本地保存地址
- 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
- 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
- 通过转成Blob文件下载base64图片(兼容IE)