附件地址通过button按钮下载

最新推荐文章于 2024-08-22 18:29:18 发布

CSDNtiexin

最新推荐文章于 2024-08-22 18:29:18 发布

阅读量504

点赞数

文章标签：前端 html javascript

本文链接：https://blog.csdn.net/CSDNtiexin/article/details/128920808

版权

   url为地址路径 https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg
<button click="downloads(url)">下载</button>

/**
* 附件下载
*/
downloads(url){
if(url)
{
const link = document.createElement(‘a’);
// 这里是将链接地址url转成blob地址，
fetch(row).then(res => res.blob()).then(blob =>
{
link.href = URL.createObjectURL(blob)
// 下载文件的名称及文件类型后缀
link.download = this.fileurlname;
document.body.appendChild(link)
link.click()
//在资源下载完成后清除占用的缓存资源
window.URL.revokeObjectURL(link.href);
document.body.removeChild(link);
});
}
}