欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 新闻 > 资讯 > 前端下载文件(链接 + zip等)

前端下载文件(链接 + zip等)

2024/12/26 22:42:56 来源:https://blog.csdn.net/weixin_50601484/article/details/144243111  浏览:    关键词:前端下载文件(链接 + zip等)

前端下载文件

zip文件

后端返回zip的二进制文件

// res为二进制文件 
// 创建一个对象 URL
const urlObject = URL.createObjectURL(new Blob([res]))
// 创建一个临时的 <a> 元素用于下载
const a = document.createElement('a')
a.style.display = 'none'
a.href = urlObject
a.download = "压缩包.zip" // 你可以根据需要修改下载的文件名
// 将 <a> 元素添加到文档中
document.body.appendChild(a)
// 触发点击事件以下载文件
a.click()

各种文件的二进制文件

// 新建download.js
export default {// 下载 Excel 方法excel(data, fileName) {this.download0(data, fileName, "application/vnd.ms-excel");},// 下载 Word 方法word(data, fileName) {this.download0(data, fileName, "application/msword");},// 下载 Zip 方法zip(data, fileName) {this.download0(data, fileName, "application/zip");},// 下载 Html 方法html(data, fileName) {this.download0(data, fileName, "text/html");},// 下载 Markdown 方法markdown(data, fileName) {this.download0(data, fileName, "text/markdown");},// 下载 PDF 方法pdf(data, fileName) {this.download0(data, fileName, "application/pdf");},download0(data, fileName, mineType) {// 创建 bloblet blob = new Blob([data], { type: mineType });// 创建 href 超链接,点击进行下载window.URL = window.URL || window.webkitURL;let href = URL.createObjectURL(blob);let downA = document.createElement("a");downA.href = href;// downA.download = fileName;downA.click();// 销毁超连接window.URL.revokeObjectURL(href);},
};// 使用
download.excel(response,"文件")
download.word(response,"文件")
download.zip(response,"文件")
download.html(response,"文件")
download.markdown(response,"文件")
download.pdf(response,"文件")

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com