跳至主要內容
File、Blob、ArrayBuffer等文件类的对象有什么区别和联系

前言

在前端中处理文件时会经常遇到File、Blob、ArrayBuffer以及相关的处理方法或方式如FileReader、FormData等等这些名词,对于这些常见而又不常见的名词,我相信大多数人对它们都有一种熟悉的陌生人的感觉。究其原因,相关的东西接触的不够多,且每次都网上随手拈来,不求甚解。今天,我们就稍微仔细一点,去做一个探究,弄清他们是谁,能做什么,又有什么区别,


Hew.iShare大约 9 分钟知识点技术FileBlobArrayBuffer文件处理二进制文件
前端利用Blob下载网页中的视频、音频或图片等文件

前言

在网页中,下载文件我们一般都是使用a标签指定其download属性来下载文件,比如下载excel,pdf等类型的文件,是没有任何问题的。但是,当文件链接为图片、视频或者音频类型时,此时,download属性便失效了,此时,点击a标签对应的下载链接,浏览器便会打开此文件,进行播放或者展示。遇到此种情况该如何处理呢?


Hew.iShare大约 2 分钟知识点技术Blob文件下载下载图片下载视频
指定responseType解决利用Blob对象导出文件乱码问题

背景

最近开发项目中使用后端提供的post接口导出csv表格时,遇到了导出的表格乱码的问题。之前所做的导出功能,基本都是通过浏览器get方式直接访问即可,此次通过在浏览器直接拼接参数进行请求导出的文档确实是正常的,而采取直接post请求接口的方式导出时,导出的文档出现了乱码。


Hew.iShare大约 3 分钟知识点技术Blob文件导出文件处理二进制文件responseType