前端页面流文件

女爷i 2022-03-18 09:15 212阅读 0赞

### 前端页面下载流文件 ###

downloadOneFile(state, action) {     
     console.log('downloadFileOne');    
       console.log(action.payload);      
       console.log(action.payload.fileName);    
         console.log(action.payload.fileResponse);     
          const arr = action.payload.fileResponse,       
           mime = 'application/vnd.ms-excel';    
             let bstr = atob(arr);   
                let n = bstr.length,       
                 u8arr = new Uint8Array(n);   
                    while (n--) {        u8arr[n] = bstr.charCodeAt(n);      }     
                     const blob = new Blob([u8arr], { type: 'application/vnd.ms-excel' });   
                        console.log('blob');      console.log(blob);
          const downloadElement = document.createElement('a');     
           const link = window.URL.createObjectURL(blob); //创建下载的链接    
             downloadElement.href = link;    
               downloadElement.download = action.payload.fileName; //下载后文件名             downloadElement.click(); //点击下载    
                 window.URL.revokeObjectURL(link); //释放掉blob对象    
                   return {        ...state,      };    },

发表评论取消回复

表情：

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

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

相关阅读

相关前端：文件转换成文件流？(element-u)

问题：如何将上传文件转换成文件流后再传给后台？上代码： <el-upload class="text"

ゞ浴缸里的玫瑰/ 2024年03月22日 09:51/ 0 赞/ 58 阅读

相关前端下载二进制流文件解决方案

在做vue项目的某一个功能的数据导出功能时，后端直接向前端输出数据流，于是利用原生XMLHttpRequest做了一个小插件用法： import { httpRe

阳光穿透心脏的1/2处/ 2023年07月25日 08:37/ 0 赞/ 20 阅读

相关前端下载文件(blob流文件下载及修改下载文件名称)

项目中经常遇到文件下载需求，有时候后台返回的是一个blob流文件（就是看起来像是乱码的数据），这时就需要前端对文件进行处理，或展示，或下载。故这里简单实现一下blob流文件下载

一时失言乱红尘/ 2022年12月27日 14:03/ 0 赞/ 331 阅读

相关前端播放rtmp协议的视频流文件

前端播放rtmp协议的视频流文件最近公司的项目中需要在大屏可视化的页面中的一个位置是视频监控的，需求大概是这样的： 1. 大屏右下角布局中有六个div，每个可以实时

梦里梦外;/ 2022年11月25日 11:49/ 0 赞/ 279 阅读

相关 vue前端导出功能（文件流导出）

axios({ url: "statistics/store/dataRank/export", method: "p

旧城等待，/ 2022年10月06日 04:55/ 0 赞/ 293 阅读

相关前端页面渲染markDown文件

在我们开发vue组件的过程中，希望把markdown文档写的插件使用说明，也展现到页面中。那么具体怎么做呢？ 1、安装`vue-markdown-loader`

谁借莪１个温暖的怀抱￠/ 2022年05月23日 03:47/ 0 赞/ 627 阅读

相关前端页面--瀑布流布局的实现

[前端页面--瀑布流布局的实现][--] 转眼间3个月没有更新了…..最近莫名的迷恋上了前端各种效果的实现了…..最近就记录一下我这几天做毕设时使用的一些效果

川长思鸟来/ 2022年03月22日 12:54/ 0 赞/ 333 阅读

相关前端页面流文件

前端页面下载流文件 downloadOneFile(state, action) { console.log('downloadFileOne

女爷i/ 2022年03月18日 09:15/ 0 赞/ 213 阅读

相关前端页面--瀑布流布局的实现

前端页面--瀑布流布局的实现： html：差不多就是这种结构，source-item为瀑布流盒子 <div class="source-content">

青旅半醒/ 2021年07月26日 16:51/ 0 赞/ 640 阅读

相关 SpringMVC读取本地图片(byte[]流方式)显示到前端页面

控制层： package ywzn.by.scity.ctrl; import java.io.FileInputStream;

清疚/ 2021年06月10日 20:41/ 0 赞/ 739 阅读