关于js实现上传下载的大汇总

一、下载

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

二、上传

1. 看下 https://element.eleme.cn/#/zh-CN/component/upload 源码用的哪种实现方式

原文地址:https://www.cnblogs.com/liyongquan/p/8458348.html