vue3 blob下载流文件

**问题前提:**需要把自己想要的内容转成txt文件里的内容并可以下载

解决过程:

首先,根据想要的文件后缀,确定blob的类型,

.doc对应application/msword,

.docx对应application/vnd.openxmlformats-officedocument.wordprocessingml.document,

.xls对应application/vnd.ms-excel,

.xlsx对应application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,

.txt对应text/plain,

其次,形成流文件时,一定要记得JSON.stringify

解决结果:

复制代码
const operRecordLog = ()=>{
    let operLog = JSON.stringify(list)//list是要放入txt文件中的内容
    const blob = new Blob([operLog], { type: 'text/plain' });
    const url = window.URL.createObjectURL(blob);
    const link = document.createElement('a');
    link.href = url;
    link.download = '日志.txt'; // 指定保存的文件名
    link.click()
    window.URL.revokeObjectURL(url);
}
相关推荐
CyrusCJA4 分钟前
Nodejs自定义脚手架
javascript·node.js·js
qq_381338505 分钟前
React 18+ 并发特性深度解析:从原理到企业级性能优化实战
前端·react.js·性能优化
一只小阿乐8 分钟前
react中的zustand 模块化
前端·javascript·react.js·react状态管理·zustand
用户842981424181010 分钟前
十二个JS混淆加密工具
javascript
劳埃德福杰15 分钟前
Windows系统卸载Edge浏览器
前端·windows·edge
hzxpaipai15 分钟前
外贸网站制作:为何派迪科技做的网站性能与打开速度如此不错?
开发语言·前端·网络·科技·安全
久爱@勿忘16 分钟前
uniapp H5 图片压缩并且转blob
前端·javascript·uni-app
Dashingl16 分钟前
uni-app 页面传值 报错:TypeError: $t.setAttribute is not a function
前端·javascript·uni-app
weixin1997010801616 分钟前
《澎拜网商品详情页前端性能优化实战》
前端·性能优化
甄心爱学习18 分钟前
【项目实训】法律文书智能摘要系统2
前端·javascript·vue.js