vue 文件流后端传文件流下载

我会带着你远行 2022-12-21 00:49 151阅读 0赞

请求后后端会返回一堆乱码，这个是文件流，用 new blob 转换，然后生成url，直接就可以下载了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70_pic_center]

downLoadBill(){ 
     this.axios.get(`/arap/getInWarehouseLabel/18944448300`,{ 
            responseType: 'arraybuffer'  /* 一定要加这个 不然文件内容显示不了 */
            })
          .then((res) => { 
                  let a = document.createElement('a');
                  let blob = new Blob([res.data]); 
                  let objectUrl = URL.createObjectURL(blob);
                  a.setAttribute("href",objectUrl);
                  a.setAttribute("download", '计划单电子表格.xls');
                  a.click();
                  // console.log(objectUrl);
                  URL.revokeObjectURL(objectUrl); // 释放内存
            
            
          // if (res.data.code == 200) { 
          // } else { 
          // this.$message.info(res.data.message);
          // } 
          }) .catch((res) => { 
          console.log(res);
          });
          
        },

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM0NTEwNQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/dc011766285743c39372e0676e4a9daf.png

发表评论取消回复

表情：

评论列表（有 0 条评论，151人围观）

还没有评论，来说两句吧...

相关阅读

相关 axios get请求下载后端文件流xlsx文件

const res = await axios({ method: 'get', url: `/exp

柔情只为你懂/ 2024年03月26日 20:10/ 0 赞/ 30 阅读

相关 Vue实现excel文件的导出功能（后端直接返回文件流）

后台管理系统常见的导入功能使用element的el-dialog弹窗样式 ![e2ad597c2639430ab37468b503141f29.png][] <

╰半橙微兮°/ 2023年09月28日 07:58/ 0 赞/ 102 阅读

相关 vue 文件流后端传文件流下载

请求后后端会返回一堆乱码，这个是文件流，用 new blob 转换，然后生成url，直接就可以下载了。 ![在这里插入图片描述][watermark_type_ZmFuZ3

我会带着你远行/ 2022年12月21日 00:49/ 0 赞/ 152 阅读

相关 react前端下载后端返回文件流(文件流下载excel、csv)

以前用vue框架的时候，写过不少下载上传的东西，当然包括后端返回文件流供前端下载，现在用react，牵扯到这个功能，又提起来说，有两种下载类型，一种是Excel，一种是Csv。

水深无声/ 2022年11月06日 06:59/ 0 赞/ 555 阅读

相关 java 文件流下载_java 使用流下载文件代码

public HttpServletResponse download(String path, HttpServletResponse response) \{ try \

叁歲伎倆/ 2022年11月03日 11:53/ 0 赞/ 129 阅读

相关 java文件下载，IO流下载文件

import org.slf4j.Logger; import org.slf4j.LoggerFactory; import javax.servle

快来打我*/ 2022年09月14日 13:24/ 0 赞/ 129 阅读

相关 java response文件流下载，后缀名称设置

`加上此两项 response.setContentType("image/jpg");----》MIME 描述消息内容类型 response.setHeader("Conte

布满荆棘的人生/ 2022年02月13日 02:37/ 0 赞/ 427 阅读

相关 vue 前端传图片文件，后端接收

-------------------- vue端 1、在 main.js 文件中添加 const upload = axios.create({

た入场券/ 2022年02月04日 01:09/ 0 赞/ 1040 阅读

相关文件流下载文件封装

import { exportMethod } from '@/utils/helper/exportExcel' methods: {

水深无声/ 2021年09月24日 21:26/ 0 赞/ 216 阅读

相关 java后端导出excel文件流，前端vue接收下载

1.后端excel导出工具类主要依赖  <dependency>

港控/mmm°/ 2021年09月03日 09:09/ 0 赞/ 1001 阅读