blob流导出类型

最新推荐文章于 2024-10-25 18:33:50 发布
原创 最新推荐文章于 2024-10-25 18:33:50 发布 · 682 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue.js

本文介绍了Blob对象在JavaScript中的使用，特别是如何创建和导出Blob流，以及各种常见文件类型的MIME类型，如.doc、.docx、.xls、.xlsx、.ppt和.pptx。通过理解这些知识，开发者可以更好地处理和操作Office文档的在线预览和下载。

blob流导出

const blob = new Blob([content], { type: 'application/octet-stream' })

文件后缀

MIME Type

.doc

application/msword

.docx

application/vnd.openxmlformats-officedocument.wordprocessingml.document

.xls

application/vnd.ms-excel

.xlsx

application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

.ppt

application/vnd.ms-powerpoint

.pptx

application/vnd.openxmlformats-officedocument.presentationml.presentation
blob类型图片批量导出工具
08-02
此为exe可执行文件，运行之前需要安装oracle10g客户端，打开程序后需要先配置数据库用户名、密码以及数据库别名。然后再填入正确的查询语句，查询出相应的结果后导出到指定的文件夹即可。
Vue通过Blob对象实现导出Excel功能示例代码
10-15
在这个例子中，通过axios向服务器发送请求，并设置`responseType`为`blob`，以期望服务器返回二进制流格式的数据，这对于导出Excel文件至关重要。 ###Blob对象实现导出Excel功能 要实现通过Blob对象导出Excel文件...
blob 导出 content-type 类型
clearjj的博客
06-16 5056
1 Response.AddHeader(“content-type”, “application/x-msdownload;”);类型列表 2 “."=“application/octet-stream” 3 “.001”=“application/x-001” 4 “.301”=“application/x-301” 5 “.323”=“text/h323” 6 “.906”=“application/x-906” 7 “.907”=“drawing/907” 8 “.a11”=“application
blob导出文件及文件损坏处理
cc常 的博客
04-28 7065
blob导出文件及文件损坏处理示例遇到的问题其他资料 仅为学习记录 type内容（部分）： 示例 .xlsx后缀的文件 const blob = new Blob([params], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', }); .xls后缀的文件 const blob = new Blob([data], { type: 'application/vnd.ms-excel', })
blob数据类型_5分钟就能学会：Vue通过Blob对象实现导出Excel功能
weixin_39820173的博客
11-28 961
不同的项目有不同的导出需求，有些只导出当前所显示结果页面的表格进入excel，这个时候就有很多插件，比如vue-json-excel或者是Blob.js+Export2Excel.js来实现导出Excel功能。但是有些需求因为数据量太大，成千上万条数据，所以是需要后端拼接，然后输出二进制流文件，然后前端直接下载，这次我们谈谈后者的做法。　　Blob对象表示一个不可变、原始数据的类文件对象，通常我也...
前端Blob文件导出
weixin_43905464的博客
11-03 1130
前端Blob文件导出前言一、Blob是什么？二、axios 拦截器中做统一处理总结 前言 通过把blob转file对象的方法下载文件 一、Blob是什么？ Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob，继承了 Blob 的功能并将其扩展使其支持用户系统上的文件。 二、axios 拦截器中做统一处理 request.interceptors.response.use((response) => { ret
vue-以文件流-blob-的形式-下载-导出文件操作
10-14
总的来说，Vue中以文件流-Blob形式下载导出文件的关键步骤包括：设置请求响应类型为`blob`、获取文件流、构造Blob对象、生成URL并触发下载。为了确保良好的跨浏览器兼容性，可能需要针对不同的浏览器实现不同的下载...
Oracle导出Clob,Blob工具版本2
04-15
Oracle数据库在存储大对象（BLOB和CLOB）时提供了强大的功能，但处理这些类型的数据进行导入导出可能会带来挑战。"Oracle导出Clob,Blob工具版本2" 是一个专为解决这个问题而设计的应用程序，它改进了对CLOB...
批量导出ORACLE数据库BLOB字段生成图片
03-08
BLOB字段在数据库中以字节流的形式存在，可以进行读写操作。 要实现批量导出BLOB字段生成图片，通常需要以下步骤： 1. **安装Oracle Client**：Oracle Client是与Oracle服务器通信的客户端工具，它提供了与数据库...
前端blob格式导出数据
小武同学
05-21 1175
downloadBinaryCsv(data, fileName) { const url = window.URL.createObjectURL(new Blob([data]，{type:content-type})) const link = document.createElement('a') link.style.display = 'none' link.href = url link.setAttribute('download', fileName+‘csv’)
blob流导出文件以及对应的格式
qq_44278386的博客
09-29 1232
【代码】blob流导出文件以及对应的格式。
js下载文件流，提示文件损坏问题
weixin_42381896的博客
01-19 1万+
记录一下前端下载后端返回的文件流，提示文件损坏问题。 const blob = new Blob([content.data], { // type是需要对应的文件类型 type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", }); const fileName = "文件名.xlsx"; if ("do
VUE下载文件 根据后台的类型不同的处理方式
qq_42649528的博客
05-08 938
1.后台如果返回的是文件流 上图就是对应后台返回的二进制文件处理 res是后台返回的内容。 const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }) const o...
用文件流下载文件（ Blob）时各种类型文件的 type 整理
热门推荐
weixin_43299180的博客
08-20 1万+
最近用 Blob 做文件下载的功能，涉及不同后缀的文件，但是每当设置转换的文件类型的时候就很头疼，因为这东西平时也不怎么常见，这里我参考 Blob 配置整理了一份，方便以后使用。 拓展名 文件类型 MIME类型 .aac AAC 音频 audio/aac .abw AbiWord 文档 application/x-abiword .arc 存档文档(多个文件嵌入) application/x-freearc .avi AVI: 音频视频交错 video/x-msvideo .
前端封装下载文件的接口请求格式，将其转为blob格式
qq_42005992的博客
12-09 1629
download(url, params, filename) { return service.post(url, params, { responseType: 'blob', }).then((r) => { const content = r.data const blob = new Blob([content]) if ('download' in document.createElement('a')) { .
Blob总结和使用案例
神的孩子的博客
04-29 2848
Blob介绍 Blob是对大数据块的不透明引用或者句柄。名字源于SQL数据库，表示“二进制大数据”（Binary Large Object）。在JavaScript中Blob通常表示二进制数据，但是不一定是大量数据。Blob是不透明的，我们可以对它执行的操作只有获取它的大小，MIME类型和将他切割成更小的Blob。——《JavaScript权威指南》 Blob 对象表示一个不可变、原始数据的...
Blob、File等相关使用详解
m0_45093055的博客
09-26 1248
当读取操作完成时，它会将文件的内容以二进制数组（ArrayBuffer）的形式返回。这在处理非文本数据时特别有用，比如图像、音频或视频文件，或者当你需要直接访问二进制数据进行更底层的操作时。在JavaScript中，FileReader 对象允许你异步地读取存储在用户计算机上的文件（或Blob和File对象）的内容。它继承了 Blob​ 的所有属性和方法，并且添加了一些与文件相关的额外属性和功能。options： type：默认值为 “”，表示将会被放入到 blob 中的数组内容的 MIME 类型。
js导出xml文件，以及导入xml文件并将xml文件转成json格式
m0_55794001的博客
10-25 519
【代码】js将xml文件转成json格式。
Blob把html导出为excel文件
weixin_42032770的博客
11-02 1978
今天碰到了一个需求，是要求把如下asp页面上显示的报表导出成为excel文件
new Blob可以设置导出的类型
最新发布
09-20
在 JavaScript 中，使用 `new Blob` 设置导出文件类型，主要是通过 `Blob` 构造函数的第二个参数来指定 `type` 属性。以下是不同文件类型的设置示例： #### 导出为 Excel 文件（.xlsx） ```javascript function downloadExcel(res) { let blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); let url = window.URL.createObjectURL(blob); let fileName = "详情.xlsx"; if ("download" in document.createElement("a")) { let a = document.createElement("a"); a.href = url; a.download = fileName; a.style.display = "none"; document.body.appendChild(a); a.click(); URL.revokeObjectURL(a.href); document.body.removeChild(a); } else { navigator.msSaveBlob(blob, fileName); } } ``` #### 导出为文本文件（.txt） ```javascript const textContent = '这是一段文本内容'; const blob = new Blob([textContent], { type: 'text/plain' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'example.txt'; a.click(); URL.revokeObjectURL(url); ``` #### 导出为 CSV 文件（.csv） ```javascript const csvContent = '姓名,年龄\n张三,25\n李四,30'; const blob = new Blob([csvContent], { type: 'text/csv' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'example.csv'; a.click(); URL.revokeObjectURL(url); ``` #### 导出为 JSON 文件（.json） ```javascript const jsonData = { name: '张三', age: 25 }; const jsonContent = JSON.stringify(jsonData, null, 2); const blob = new Blob([jsonContent], { type: 'application/json' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'example.json'; a.click(); URL.revokeObjectURL(url); ``` #### 导出为 Zip 文件（.zip） ```javascript // 假设 res 是后端返回的 zip 文件流 function downloadZip(res) { let blob = new Blob([res.data], { type: 'application/zip' }); let url = window.URL.createObjectURL(blob); let fileName = "example.zip"; if ("download" in document.createElement("a")) { let a = document.createElement("a"); a.href = url; a.download = fileName; a.style.display = "none"; document.body.appendChild(a); a.click(); URL.revokeObjectURL(a.href); document.body.removeChild(a); } else { navigator.msSaveBlob(blob, fileName); } } ```
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值