一、下载
1. 利用h5的a标签的新属性download快速实现
a. 说明:
在 html5 中,a
标签新增了 download
属性,表示该属性的链接被点击时,浏览器会以下载文件方式下载 href
属性上的链接。
b. 示例:
<a href="/images/xxx.jpg" download="bbb.jpg">
c. 兼容:
2. 利用window.open(downloadUrl)
利用form表单
https://blog.csdn.net/sinat_29774479/article/details/78404794
a. 说明:
b. 示例:
c. 兼容:
3. 利用弹出新窗口或嵌入iframe然后通过SaveAs方式实现
a. 说明:
通过调用execCommand()可以实现浏览器菜单的很多功能. 如保存文件,打开新文件,撤消、重做、复制,剪切操作…等等. 有了这个方法,就可以很容易的实现网页中的文本编辑器.
b. 示例:
document.execCommand(”saveAs”)
c. 兼容:
PC只有IE支持,手机浏览器也是不可以的
4. https://www.cnblogs.com/qq78292959/p/3890899.html
5. 将页面元素转换到canvas
上,然后再转成图片进行下载。
6. 借助HTML5 Blob实现文本信息文件下载
7. 借助Base64实现任意文件下载
https://blog.csdn.net/w3624270/article/details/81531807