前端根据路径下载文件

暴富暴富暴富啦啦啦

于 2024-09-04 09:27:57 发布

阅读量76

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/szzlh123456789/article/details/141884352

版权

this.downloadFile(url);  

async downloadFile(url, filename = 'file') {  
    var debug = url;
    if (debug) {
        const link = document.createElement('a');
        // 这里是将链接地址url转成blob地址，
        fetch(url).then(res => res.blob()).then(blob => { 
              link.href = URL.createObjectURL(blob)
              // 下载文件的名称及文件类型后缀
              link.download = this.fileOriginalNameLi
              document.body.appendChild(link)
              link.click()
              //在资源下载完成后 清除 占用的缓存资源
              window.URL.revokeObjectURL(link.href);
              document.body.removeChild(link);
        });
    } else {
        this.$message.error('导出异常请联系管理员');
    }
},