blob

引言 在之前我们操作本地文件都是使用flash、silverlight或者第三方的activeX插件等技术，由于使用了这些技术后就很难进行跨平台、或者跨浏览器、跨设备等情况下实现统一的表现，从另外一个角度来说就是让我们的web应用依赖了第三方的插件，而不是很独立，不够通用。在HTML5标准中，默认提供了操作文件的API让这一切直接标准化。有了操作文件的API，让我们的Web应用可以很轻松的通过JS来控制文件的读取、写入、文件夹、文件等一系列的操作，让Web应用不再那么蹩脚，而之前Web应用如果不借助第三方插件，那就是个shit！但是最新的标准中大部分浏览器都已经实现了文件的读取API，文件的写入，文件和文件夹的最新的标准刚制定完毕，相信后面随着浏览器的升级这些功能肯定会实现的非常好，接下来我主要给大家介绍文件读取的几个API。 几个重要的JS对象 1):FileList对象 它是File对象的一个集合，在Html4标准中文件上传控件只接受一个文件，而在新标准中，只需要设置multiple，就支持多文件上传，所以从此标签中获取的files属性就是FileList对象实例。demo：<input type="file" multiple="multiple" name="fileDemo" id="fileDemo" /> ；下面是关于FileList对象的API的原型：

原文： https://www.cnblogs.com/zhang-can/p/9116159.html vue下载文件 download(){ let self = this; let url = self.$store.state.path + "tools/download_file"; let data = JSON.stringify({ user: self.$store.state.username, file_name: self.plist_file_name }); console.log("data:", data) self.$axios( { method: "post", url: url, data: data, responseType: "blob", // 指定获取数据的类型为blob } ).then( function (response) { data = response.data; 　　　　　　// 创建a标签并点击， 即触发下载 let url = window.URL.createObjectURL(new Blob([data])); let link = document.createElement("a"); link.style.display = "none"; link.href = url; link