vue前端下载文件——后台返回的是url,根据url下载文件

 

download(url){
        const link = document.createElement('a');
        // 这里是将链接地址url转成blob地址,
        fetch(url).then(res => res.blob()).then(blob => { 
            link.href = URL.createObjectURL(blob)
            // 下载文件的名称及文件类型后缀
            link.download = "小明.pdf"; 
            document.body.appendChild(link)
            link.click()
            //在资源下载完成后 清除 占用的缓存资源
            window.URL.revokeObjectURL(link.href);
            document.body.removeChild(link);
        });
            
}

 

posted @ 2022-03-07 15:01  最初的样子  阅读(5279)  评论(0编辑  收藏  举报