FileSaver

Vue中如何批量导出文件(图片/PDF)并打包压缩成ZIP

根据后端提供的数据批量生成pdf文件，并压缩成zip包本文记录了这个需求的实现过程1.批量下载图片并打包压缩思路因为图片是静态资源，根据url直接获得二进制数据，然后压缩成zip格式就行了利用到的插件：JSZip和FileSaver
前端辉羽·2023-03-27 20:48

比钢筋还硬的硬货-单文件、多文件、excel文件下载

继上传图片、上传文件和处理文件格式之后,再继续又硬又干的干货单文件、多文件批量、excel下载完整版注意:项目运用的是vue3框架，需要依赖axios、JSzip、FileSaver三个依赖包。
大笨熊不熊·2023-03-18 18:22

使用文件下载插件

importFilesaverfrom'file-saver'然后把需要被下载的数据转成字符串constdata=JSON.stringify(data)然后调用插件方法constblob=newBlob([data],{type:''})Filesaver.saveAs
ChaliceLee92·2023-03-15 05:06

H5 导出文件的解决办法

FileSaver.js可以实现前端导出文件的需求。使用方法：1.保存文件//obj是我们想写入文件的内容。
2c4419e9dafa·2023-03-14 04:06

vue实战(11)——vue+element UI实现表格数据导出Excel功能

cnpminstall--savexlsxfile-saver具体插件使用参考https://github.com/SheetJS/js-xlsx，https://github.com/eligrey/FileSaver.js
wayne1125·2023-03-14 04:47

javascript实现生成并下载txt文件方式

目录js生成并下载txt文件下表显示了FileSaver.js在不同浏览器中的兼容性js导出文件为txt并下载首先HTML结构使用最简单的结构然后jsjs生成并下载txt文件下面的简单函数允许您直接在浏览器中生成文件
·2023-02-28 15:11

原生js实现在线批量打包压缩下载多个word文档

先引入这三个js//github下载地址：https://github.com/Stuk/jszipnpminstalljszip//FileSaver.min.js：https://download.csdn.net
YH丶浩·2023-02-22 16:35

vue中下载多个文件打包为一个zip

//下载依赖//npmiaxios,JSZip,FileSaver-simportaxiosfrom"axios";importJSZipfrom"jszip";importFileSaverfrom"file-saver
芈鹿·2023-02-22 16:33

前端打包下载多个图片（ZIP格式）

前期准备js库，包括jquery、jszip、FileSaver这三个，可以从网上下载到本地引入，或者直接引用网上的，我这里使用的是后者（以下没有包含jquery，因为本地有）。
Louis__lv·2023-02-22 16:29

vue中导出表格数据

相关git：https://github.com/SheetJS/js-xlsx，https://github.com/eligrey/FileSaver.js安装依赖npminstall--savexlsxfile-saver
sxfshdf·2023-02-01 00:51

文件储存器 - IP通讯技术

成品FileSaver.zip这里不行只能去这了
Evan_song1234·2023-01-05 20:16

vue使用xlsx、xlsx-style和fileSaver导出excel表格

本文引用xlsx-style坑记录Vue使用xlsx和xlsx-style纯前端导出带样式的Excelvue导出Excel表格,报错utilsofundefined是版本原因前期准备工作安装xlsxnpmi-Sxlsx安装xlsx-stylenpmi-Sxlsx-style安装fileSavernpmi-Sfile-saver过程中遇到的报错这里的报错就我遇到的来说一说吧utilsofundefi
牛仔很会忙·2022-09-22 18:36

超好用的前端保存文件的解决方案-FileSaver.js

通常我们在前后端分离项目中使用axios下载文件时，代码通常是这样：Javavue使用FileSaver.js创建a标签，并点击，然后删除a标签的代码就变成了FileSaver.saveAs()。
Ashley Chao·2022-08-17 07:49

【web图片批量下载到压缩文件夹 】 使用到 jszip filesaver

最近项目中要实现图片批量下载功能，最先用的cavas绘图成base64批量下载图片，后来发现处理少量图片可以用canvas绘图，下载图片量太大会导致下载图片缓慢更甚至性能不高的电脑会造成浏览器闪退，所以这种方法行不通，代码贴一下记录一下：方法一（不推荐）：downloadImage(imgsrc,name){//下载图片地址和图片名letimage=newImage();//解决跨域Canvas污
辣子_·2022-07-20 09:49

前端导出组件

信息导出'}}暂无数据导出确认导出importXLSXfrom"xlsx";import"xlsx/dist/xlsx.full.min.js";importsaveAsfrom"file-saver/FileSaver.min.js
·2022-07-05 16:31

vue实现导出Word文件(数据流方式)

第三步：组件使用vue导出Word文件（模板方式）vue导出word文档（包括图片）jquery.wordexport.js，通过该插件可以导出文本和图片，图片通过canvas的形式绘制，文本则需要依赖FileSaver.js
·2022-06-01 11:11

前端导出excel

错误导出importXLSXfrom"xlsx";import"xlsx/dist/xlsx.full.min.js";importsaveAsfrom"file-saver/FileSaver.min.js
·2022-03-25 16:42

前端百万级数据导出 Excel 方案

概述后端业务平台经常遇到数据导出报表的需求，常用的方案是使用excel.js+FileSaver.js处理。excel.js支持在node.js服务端使用，也支持在浏览器端使用。
djyuning·2022-02-18 22:06

手机浏览器浏览blob文件流（xlsx）

js导出xlsx文件，以文件流形式传到前端，转化成blob类型，然后通过fileSaver转化成Excel文件，一切看起来都很简单，用电脑浏览器导出的时候也很顺利，但是再用ipad导出的时候却出现空页面
fulen·2022-02-12 14:35

JS创建文件保存本地

1.插件FileSaver.jsvarsaveAs=saveAs||(function(view){"usestrict";//IEfunctiondownloadTextFile(mobileCode
Hank_谢旱·2022-02-08 21:23

nuxt_纯前端导出文本

GihHub地址：FileSaver.js1，安装npminstallfile-saver--savebowerinstallfile-saveryarnaddfile-saver2，使用2.1在plugins
·2021-12-31 17:16

使用XLSX和FileSaver，纯前端实现导出大批量数据，并生成excel

因为项目中涉及到excel导出，以前的开发方式是请求接口，后端返回一个流，前端把流转化为excel，并下载，现在不是这套流程，是纯前端自己做的，实现的思路是，假如一共有500条数据，每次请求50次，一共请求10次，第10次请求结束后，生成excel，并导出（前端所用框架是vue，写法是按照vue的写法实现的）,加上promise去实现。1.安装插件npminstallXLSXnpminstallF
小DNo1·2021-06-24 11:09

纯前端实现下载

一、最简单的a标签下载其中：href:表示下载文件的绝对/相对地址download:文件名（可省略，省略后浏览器自动识别源文件名）下载动图二、FileSaver.jsFileSaver.jsGitHub
学贤社·2021-06-21 21:08

JSZip库的简单使用

安装npminstalljszip需用到jszip/dist下的jszip.min.js文件以及jszip/vendor下的FileSaver.js文件引入将js文件放到jszip文件夹下>官方示例varzip
Heartbeats500·2021-06-20 09:10

关于前端将json数据导出为Excel格式并下载

这里要用到的两个小插件，一个是xslx.js，一个是FileSaver.js，前者是来处理生成Excel的，后者是用来把文件下载保存到本地的。
旧时袋·2021-06-19 01:36

html2canvas And FileSaver保存图片到本地

最近做项目为了解决把html保存一个图片，使用了html2canvas前端插件实现。html2canvasGithub地址FileSaverGithub地址推荐一款免费的中文网的CDN支持的浏览器Firefox3.5+GoogleChromeOpera12+IE9+Safari6+参考demo测试html5页面截图的生成界面如下:$(".example1").on("click",function
简书超级会员·2021-05-04 08:08

vue+elementUI，el-table 数据导出Excel

file-saver依赖npminstall--savexlsxfile-saver`https://github.com/SheetJS/js-xlsxhttps://github.com/eligrey/FileSaver.js2
·2021-03-19 00:35

jQuery之HTML5 将页面元素转化为Word、Excel或者IMG并实现下载

html转为word文档（已测过）1、该插件依赖于jquery，需要先引入jquery下载链接：https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js2、依赖于FileSaver.js
Cute_小肥鸡·2021-03-18 15:11

nodejs+koa以流的形式返回数据

另一种是后端提供分页接口，前端使用StreamSaver.js（文件大小无限制）或FileSaver.js（文件
·2021-02-03 21:16

nodejs+koa以流的形式返回数据

另一种是后端提供分页接口，前端使用StreamSaver.js（文件大小无限制）或FileSaver.js（文件
·2021-02-03 20:16

elment-ui文件上传详解

2M上传附件个人理解，可能有些错误和不足，参考一下就行了这个我是用了弹出框嵌套的文件上传这是效果js代码getfile(file){//调用的插件写的方法，预览用的console.log(file);FileSaver.saveAs
兔子R/T坦克·2021-01-12 17:40

这个 29.7 K 的剪贴板 JS 库有点东西！

2020年即将结束了，不知不觉源码分析专题已经写了9篇文章，往期的8篇文章介绍了Axios、BetterScroll、koa-compose和FileSaver.js等优秀的开源项目，该专题的每篇文章阿宝哥都花了挺多时间与精力
阿宝哥·2020-12-18 11:56

这个 29.7 K 的剪贴板 JS 库有点东西！

2020年即将结束了，不知不觉源码分析专题已经写了9篇文章，往期的8篇文章介绍了Axios、BetterScroll、koa-compose和FileSaver.js等优秀的开源项目，该专题的每篇文章阿宝哥都花了挺多时间与精力
阿宝哥·2020-12-18 10:40

聊一聊 15.5K 的 FileSaver，是如何工作的？

FileSaver.js是在客户端保存文件的解决方案，非常适合在客户端上生成文件的Web应用程序。它简单易用且兼容大多数浏览器，被作为项目依赖应用在6.3万的项目中。
阿宝哥·2020-12-08 09:16

聊一聊 15.5K 的 FileSaver，是如何工作的？

FileSaver.js是在客户端保存文件的解决方案，非常适合在客户端上生成文件的Web应用程序。它简单易用且兼容大多数浏览器，被作为项目依赖应用在6.3万的项目中。
阿宝哥·2020-12-08 08:33

vue+elementUI，el-table 数据导出Excel

file-saver依赖npminstall--savexlsxfile-saver`https://github.com/SheetJS/js-xlsxhttps://github.com/eligrey/FileSaver.js2
一统·2020-12-01 19:01

Vue(Quasar)项目前端Excel导出/导入

安装依赖FileSaver.js是客户端保存文件的解决方案。Xlsx.js是生成Excel的解决方案。npminstall--savefile-saverxlsx引入在需要使用的Vue页面引入。
繁梦人生·2020-11-19 17:31

UniApp H5 浏览器下载图片 兼容iOS、Android

安装依赖，这里使用FileSaver，并且支持自定义文件名称npmifile-saver-S页面代码importFileSaverfrom
Sinea·2020-10-09 12:03

vue导出+导入功能

导出我这边的需求是后台返回了文件流由前端导出首先需要安装//FileSaver.js是在客户端保存文件的解决方案，非常适合需要生成文件npminstallfile-saver--save此外，如果要安装
MrHong_bfea·2020-09-25 16:42

FileSaver.js

保存文件到本地，https://github.com/eligrey/FileSaver.js/blob/master/src/FileSaver.jshttps://blog.csdn.net/comeonyangzi
nedwons·2020-09-13 01:55

FileSaver.js 介绍

FileSaver.jsFileSaver.js在没有原生支持saveAs()的浏览器上实现了saveAs()接口。有一个FileSaver.js示例，演示如何保存各种媒体类型。FileSav
chixian4839·2020-09-13 01:16

使用JSZip.js、FileSaver.js前端打包下载图片

前端打包下载图片Title打包下载functiondownloadzip(){varimgs=document.getElementsByClassName('yaojianbaogao');varzip=newJSZip();varfile_name='images.zip';Array.from(imgs).forEach((item,index,array)=>{file_name='';v
chenggedian7759·2020-09-13 01:40

html2canvas+Filesaver.js保存图片

>项目需求及遇见问题：1、需要在pc端上下载一个图片（图片要求为：通过qrcode生成的二维码+自定义的样式和文字。2、最开始利用html2canvas插件实现把html转化为canvas，通过把canvas转化为图片并下载。）3、html2canvas在滚动后截图会有空白的问题，a标签下载图片浏览器的兼容问题。最大的困难还是因为html2canvas在产生滚动条后截图会有空白的问题放弃了使用ht
雨季～～·2020-09-13 01:47

FileSaver.js下载图片

第一步：引入FileSaver.js第二步：HTML：下载JS:functiondownload(){//这里为data固定一个常量constdata='data:image/jpeg;base64,/
zhener09·2020-09-13 00:59

Vue,图片编辑功能实现

实现对图片的编辑，如画圆、矩形、箭头，涂鸦，文字添加，剪切等功能；主要借助了tui-image-editor、FileSaver、fabric等插件。
Forevermoremo·2020-09-03 14:32

js文件保存

/**FileSaver.js*AsaveAs()FileSaverimplementation.
jianlun3009·2020-08-24 14:39

angular4使用FileSaver.js下载文件

1.首先下载插件npminstallfile-saver--savebowerinstallfile-saver如果要安装Typscript声明npminstall@types/file-saver--D下载完成以后在package.json中可以肯定2.引入在使用这个插件的ts引入import{saveAs}from'file-saver';3.使用click(){letblob=newBlob
音乐皓·2020-08-22 12:08

使用 jquery.wordexport.js导出的Word排版

js导出word文档所需要的两个插件：FileSaver.jsjquery.wordexport.js使用jquery.wordexport.js这个插件导出的word文档的排版方式；编辑器打开jquery.wordexport.js
dayu5595·2020-08-22 01:13

js 在 header 中传递 token 下载文件

解答案是使用FileSaver.js。下面提供一些关键代码。
欲穷三千界·2020-08-18 14:34

vue + element中el-table导出excel

savexlsxfile-saver这里安装了两个依赖插件，感兴趣的读者可以去点开下面的链接，查看源码：https://github.com/SheetJS/js-xlsxhttps://github.com/eligrey/FileSaver.js
小圣贤君·2020-08-18 07:18
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他