【前段开发】使用a标签下载文件并重命名

如 w3cshcool  所示

<a href="/images/myw3schoolimage.jpg" download="w3logo">

官方地址

https://www.w3school.com.cn/tags/att_a_download.asp

 

一般用js 创建一个a标签

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

link.download = '自定义的文件名';

link.href  =  '下载地址';

link.click();

注意，在跨域的时候这个download属性无效

 

另外在手机safari浏览器中 用上述代码有时候无法下载，可以加上一句

link.target = '_blank';

亲测有效