vue3 blob下载流文件

最新推荐文章于 2024-06-20 10:33:02 发布

-小C_

最新推荐文章于 2024-06-20 10:33:02 发布

阅读量983

点赞数 4

分类专栏： vue3随手记文章标签：前端 javascript

本文链接：https://blog.csdn.net/m0_75107188/article/details/135412614

版权

vue3随手记专栏收录该内容

36 篇文章 0 订阅

订阅专栏

本文介绍了如何使用JavaScript的Blob对象和JSON.stringify方法，将内容转换为txt文件，并通过创建临时URL实现文件下载。主要涉及了不同文件类型对应的Blob类型以及创建和下载链接的过程。

摘要由CSDN通过智能技术生成

问题前提：需要把自己想要的内容转成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);
}