资讯专栏INFORMATION COLUMN

基于浏览器的JavaScript文件压缩、导出

Tamic / 2840人阅读

摘要:使用导出安装导入要导出的数据格式导出同导出更多用法文件较多时,压缩导出使用根据具体情况处理每个文件的数据一个压缩包

1.使用FileSave.js

导出text

npm install file-saver --save       /*安装*/

import FileSaver from "file-saver"  /*导入*/

var Blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"}) /*要导出的数据格式*/

FileSaver.saveAs(blob, "HelloWord.txt")

导出file

/*同导出text*/

var file = new File(["Hello, world!"], "hello world.txt", {type: "text/plain;charset=utf-8"})

FileSaver.saveAs(file)

更多用法:https://www.npmjs.com/package...

2.文件较多时,压缩导出(使用jszip)

npm install jszip --save

import JSZip from "jszip"

const Zip = new JSZip()
 
data.map(data => {

   const blob =  new Blob(data, {type: "text/plain;charset=utf-8"})
   
   Zip.file(data.name, blob)
   
}) /*根据具体情况处理每个文件的数据*/

Zip.generateAsync({type:"blob"}).then(function(files) {
 
   saveAs(files, "一个压缩包.zip")
    
})

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109144.html

相关文章

  • Web前端性能优化——如何有效提升静态文件加载速度

    摘要:在减少文件请求数量方面大致有以下三方面合并脚本文件合并样式文件合并引用的图片,使用雪碧图。和的模块管理不同,前者是基于静态的,而后者是动态的。被打包文件的内容也已经被压缩混淆,减少了加载文件的。 作者:刘轶斌,腾讯应用开发 工程师商业转载请联系腾讯WeTest获得授权,非商业转载请注明出处。 原文链接:http://wetest.qq.com/lab/view/345.html We...

    ccj659 评论0 收藏0
  • 聊聊webpack

    摘要:但是由于缺乏规范化管理,出现了很多种模块化规范,从针对的规范,到针对浏览器端的,终于在里规范了前端模块化。可以通过两种方式之一终端或。导出多个配置对象运行时,所有的配置对象都会构建。在阶段又会发生很多小事件。 随着前端的迅速发展,web项目复杂度也是越来越高。为了便捷开发和利于优化,将一个复杂项目拆分成一个个小的模块,于是模块化开发出现了。但是由于缺乏规范化管理,出现了很多种模块化规范...

    Ashin 评论0 收藏0
  • AWS推出MXNet模型服务器

    摘要:部署深度学习模型不是一项简单的任务,它要求收集各种模型文件搭建服务栈初始化和配置深度学习框架暴露端点实时发送度量指标,并运行自定义的预处理和后置处理逻辑代码,而这些仅仅是繁杂步骤中的一部分。开源的极大简化了的深度学习模型部署过程。 什么是 Model Server?Model Server for Apache MXNet(MMS)是一个开源组件,旨在简化深度学习模型的部署。部署深度学习模型...

    hover_lew 评论0 收藏0
  • 前端实现批量导出图片并打包压缩功能

    摘要:需求管理后台需要批量导出二维码图片实现难点选择相应的图片批量导出或直接批量导出并压缩在一个文件夹里思路分析先将选中二维码的地址存在一个数组中依次请求图片并将其下载后用压缩文件最后用生成文件实现实现的代码如下批量下载下载文件并存成对象获 需求 管理后台需要批量导出二维码图片 showImg(https://segmentfault.com/img/remote/1460000018234...

    gghyoo 评论0 收藏0

发表评论

0条评论

Tamic

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<