成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

基于瀏覽器的JavaScript文件壓縮、導(dǎo)出

Tamic / 2870人閱讀

摘要:使用導(dǎo)出安裝導(dǎo)入要導(dǎo)出的數(shù)據(jù)格式導(dǎo)出同導(dǎo)出更多用法文件較多時(shí),壓縮導(dǎo)出使用根據(jù)具體情況處理每個(gè)文件的數(shù)據(jù)一個(gè)壓縮包

1.使用FileSave.js

導(dǎo)出text

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

import FileSaver from "file-saver"  /*導(dǎo)入*/

var Blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"}) /*要導(dǎo)出的數(shù)據(jù)格式*/

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

導(dǎo)出file

/*同導(dǎo)出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.文件較多時(shí),壓縮導(dǎo)出(使用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)
   
}) /*根據(jù)具體情況處理每個(gè)文件的數(shù)據(jù)*/

Zip.generateAsync({type:"blob"}).then(function(files) {
 
   saveAs(files, "一個(gè)壓縮包.zip")
    
})

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/109144.html

相關(guān)文章

  • Web前端性能優(yōu)化——如何有效提升靜態(tài)文件加載速度

    摘要:在減少文件請(qǐng)求數(shù)量方面大致有以下三方面合并腳本文件合并樣式文件合并引用的圖片,使用雪碧圖。和的模塊管理不同,前者是基于靜態(tài)的,而后者是動(dòng)態(tài)的。被打包文件的內(nèi)容也已經(jīng)被壓縮混淆,減少了加載文件的。 作者:劉軼斌,騰訊應(yīng)用開發(fā) 工程師商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系騰訊WeTest獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。 原文鏈接:http://wetest.qq.com/lab/view/345.html We...

    ccj659 評(píng)論0 收藏0
  • 聊聊webpack

    摘要:但是由于缺乏規(guī)范化管理,出現(xiàn)了很多種模塊化規(guī)范,從針對(duì)的規(guī)范,到針對(duì)瀏覽器端的,終于在里規(guī)范了前端模塊化??梢酝ㄟ^兩種方式之一終端或。導(dǎo)出多個(gè)配置對(duì)象運(yùn)行時(shí),所有的配置對(duì)象都會(huì)構(gòu)建。在階段又會(huì)發(fā)生很多小事件。 隨著前端的迅速發(fā)展,web項(xiàng)目復(fù)雜度也是越來越高。為了便捷開發(fā)和利于優(yōu)化,將一個(gè)復(fù)雜項(xiàng)目拆分成一個(gè)個(gè)小的模塊,于是模塊化開發(fā)出現(xiàn)了。但是由于缺乏規(guī)范化管理,出現(xiàn)了很多種模塊化規(guī)范...

    Ashin 評(píng)論0 收藏0
  • AWS推出MXNet模型服務(wù)器

    摘要:部署深度學(xué)習(xí)模型不是一項(xiàng)簡(jiǎn)單的任務(wù),它要求收集各種模型文件搭建服務(wù)棧初始化和配置深度學(xué)習(xí)框架暴露端點(diǎn)實(shí)時(shí)發(fā)送度量指標(biāo),并運(yùn)行自定義的預(yù)處理和后置處理邏輯代碼,而這些僅僅是繁雜步驟中的一部分。開源的極大簡(jiǎn)化了的深度學(xué)習(xí)模型部署過程。 什么是 Model Server?Model Server for Apache MXNet(MMS)是一個(gè)開源組件,旨在簡(jiǎn)化深度學(xué)習(xí)模型的部署。部署深度學(xué)習(xí)模型...

    hover_lew 評(píng)論0 收藏0
  • 前端實(shí)現(xiàn)批量導(dǎo)出圖片并打包壓縮功能

    摘要:需求管理后臺(tái)需要批量導(dǎo)出二維碼圖片實(shí)現(xiàn)難點(diǎn)選擇相應(yīng)的圖片批量導(dǎo)出或直接批量導(dǎo)出并壓縮在一個(gè)文件夾里思路分析先將選中二維碼的地址存在一個(gè)數(shù)組中依次請(qǐng)求圖片并將其下載后用壓縮文件最后用生成文件實(shí)現(xiàn)實(shí)現(xiàn)的代碼如下批量下載下載文件并存成對(duì)象獲 需求 管理后臺(tái)需要批量導(dǎo)出二維碼圖片 showImg(https://segmentfault.com/img/remote/1460000018234...

    gghyoo 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

Tamic

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<