vue使用a标签下载文件_Vue.js相关：通过JavaScript下载文件到本地的方法（单文件）...

Vue.js相关：通过JavaScript下载文件到本地的方法(单文件)

发布于 2020-2-22|

复制链接

摘记: 最近在做一个文件下载的功能，这里把做的过程中用的技术和坑简要总结下。

1. 单文件下载(a标签)

同源单文件

针对单文件的情况下，同源的文件，可以通过 < a> 标签的 download 属性下载文件

```javascript

const elt = document.createElement('a');

elt.setAttribute('href', url);

elt.setAttribute('download', 'file.png');

elt.sty ..

最近在做一个文件下载的功能，这里把做的过程中用的技术和坑简要总结下。1. 单文件下载(a标签)

同源单文件

针对单文件的情况下，同源的文件，可以通过 标签的 download 属性下载文件

```javascript

const elt = document.createElement('a');

elt.setAttribute('href', url);

elt.setAttribute('download', 'file.png');

elt.style.display = 'none';

document.body.appendChild(elt);

elt.click();

documen