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);
}
相关推荐
xuboyok220 小时前
PHP vs Java:核心差异与选型指南
开发语言·前端·php
D_C_tyu20 小时前
Vue3 + Vite 项目实现页面离开时取消所有未完成请求
前端·vue.js
榴莲omega20 小时前
第10天:手写 bind 与 柯里化 | 从疑惑到通透
开发语言·javascript·ecmascript·bind·柯里化
leafyyuki20 小时前
Pyenv Rehash 失败:锁文件与‘无法覆盖已有文件’问题
前端
Binarydog_Lee20 小时前
Tauri2 开发入门:应用是如何启动的
前端·rust·tauri
前端付豪20 小时前
实现聊天参数面板
前端·人工智能·后端
晨枫阳20 小时前
从零搭建私有 npm 仓库Verdaccio
前端·npm·node.js
千百元20 小时前
HBuildx打包总是看不到效果
前端
小李的便利店20 小时前
系统架构设计师-案例分析-Web系统设计
前端·系统架构
AAA阿giao20 小时前
React 闭包陷阱详解:为什么你的定时器总在“说谎”?
前端·javascript·react.js