vue文件下载：把文件流保存到本地

开发vue项目时经常碰到文件下载的需求，分两种情况：

一种是：后台给文件路径，前端拼地址去下载文件

另一种是：后台直接返回文件流，前端去处理

第一种很简单这里就不赘述了，直接给出第二种接受文件流并下载的方法：

/**

* 把二进制文件保存到本地

* file 为后台返回的文件流

* 请求接口可能需要设置 responseType: "arraybuffer"

* name: 文件名，需要带后缀

function exportFile (file, name) {

let url = window.URL.createObjectURL(new Blob([file]));

let link = document.createElement('a');

link.style.display = 'none';

link.href = url;

link.setAttribute('download', name);

document.body.appendChild(link);

link.click();

document.body.removeChild(link); // 下载完成移除元素

window.URL.revokeObjectURL(url); // 释放掉blob对象

}

关于 responseType: “arraybuffer”，可能需要加在请求接口上

//以axios为例子：

axios({

method: 'post',

url: '/user/12345',

data: {

firstName: 'Fred',

lastName: 'Flintstone'

responseType:'arraybuffer'

});

基本就这些，欢迎补充！没有人事先了解自己到底有多大的力量，直到他试过以后才知道。

vue文件下载：把文件流保存到本地相关推荐

vue中下载文件导出保存到本地
vue中下载文件导出保存到本地先分析如何下载:先有一个链接地址,然后使用 location.href或window.open()下载到本地看看返回数据 res.config.url 中是下载链接地 ...
byte转文件流下载到本地
此方法将byte类型文件转为文件流保存到本地 byte 经过BASE64Decoder 进行编码之后的类型所以需要解码防止出现乱码及文件损毁 /*** byte 转文件下载到本地* @param ...
将RTSP流保存为本地TS文件
1.功能:将RTSP流保存为本地TS文件 2.存在问题: 保存mp4文件播放不了,还未解决-希望路过的大佬帮忙瞅瞅 _ 3.流程: 0)初始化:并注册所有的解封装器.封装器和协议,初始化网络库: 1) ...
java 服务器文件写入文件_java 从服务器下载文件并保存到本地
昨天在做一个项目时,用到了从服务器上下载文件并保存到本地的知识,以前也没有接触过,昨天搞了一天,这个小功能实现了,下面就简单的说一下实现过程: 1.基础知识当我们想要下载网站上的某个资源时,我们会获 ...
python 保存pdf文件_PyPDF2读取PDF文件内容保存到本地TXT实例
我就废话不多说了,大家还是直接看代码吧! from PyPDF2.pdf import PdfFileReader import pandas as pd def Pdf_to_txt(pdf): f ...
PyPDF2读取PDF文件内容保存到本地TXT
利用PyPDF2读取PDF文件内容保存到本地TXT from PyPDF2.pdf import PdfFileReader import pandas as pddef Pdf_to_txt(pdf ...
Vue中实现文件流格式图片预览
需求:后端接口返回文档流格式图片,如何在页面中显示显示并预览? 思路: 设置 axios responseType: 'blob':传送门:JavaScript Blob 对象详解 URL.creat ...
vue接收Excel文件流并下载
VUE接收文件流并转换成Excel表格下载到本地: 一:安装vue自带的插件 npm install --save js-file-download 二:引入js-file-download impo ...
SpringBoot+Vue下载Excel文件流（No converter、Excel乱码）
目录介绍 No converter Excel乱码正确代码后端代码前端代码方法1 方法2 方法3 介绍后端使用SpringBoot.Mybatis Plus,前端使用Vue,进行Excel ...

vue文件下载：把文件流保存到本地

vue文件下载：把文件流保存到本地相关推荐

最新文章

热门文章