国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS實(shí)現(xiàn)頁面查看zip文件中的內(nèi)容

Arno / 3186人閱讀

摘要：前言業(yè)務(wù)場景附件上傳到服務(wù)器后，在頁面中可直接查看中的文件內(nèi)容，如。實(shí)現(xiàn)原理引入工具庫查看中內(nèi)容查看在中引入，其中在使用中的指向進(jìn)行了重定向。是要查看的文件名后綴。這里使用了定義的來展示。若不足之處，歡迎大家指出，共勉。

1 前言 1.1 業(yè)務(wù)場景

附件zip上傳到服務(wù)器后，在頁面中可直接查看zip中的文件內(nèi)容，如：readme.txt。

2 實(shí)現(xiàn)原理 2.1 引入工具庫 
jszip、jszip-utils

npm i jszip -S

npm i jszip-utils -S

2.2 查看txt中內(nèi)容 
// 查看
view(row){
    var JSZip = require("jszip")
    var JSZipUtils = require("jszip-utils")
    let that = this

    JSZipUtils.getBinaryContent(row.downloadPath, function(err, data) {
        if(err) {
            throw err; 
        }
        JSZip.loadAsync(data).then(function (files) {
            files.files["readme.txt"].async("string").then(function(con){
            that.content = con
            that.dialog = true
            })
        })
    })
},

在vue中引入，其中在JSZipUtils使用中this的指向進(jìn)行了重定向。

row.downloadPath是附件的下載地址，con是txt中內(nèi)容。

readme.txt是要查看的文件名+后綴。

這里使用了input定義的v-model="content"來展示。

3 后記

感謝支持。若不足之處，歡迎大家指出，共勉。

如果覺得不錯，記得 點(diǎn)贊 ，謝謝大家

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/103853.html

相關(guān)文章

  • Express 實(shí)戰(zhàn)（五）：路由

    摘要：的官方描述是是一個獨(dú)立于中間件和路由的實(shí)例，你可以將看作是只能執(zhí)行執(zhí)行中間件和路由的小心應(yīng)用。最大的不同在于只能已模塊形式存在并不能獨(dú)立運(yùn)行。另外，加密的公鑰也被稱為證書。客戶端在拿到公鑰證書后會向這樣的證書頒發(fā)機(jī)構(gòu)進(jìn)行驗證。 showImg(https://segmentfault.com/img/remote/1460000010820582); 作為 Express 中的最大特點(diǎn)...

    DevWiki 評論0 收藏0

  • 說一說前端文件壓縮

    摘要：因為異步壓縮的時候我們上傳的文件的數(shù)量不定，所以上面需要使用關(guān)鍵字來修飾壓縮過程。而下面的壓縮過程的實(shí)現(xiàn)，最終返回一個對象，當(dāng)壓縮過程已完成后，完整的生成的文件存于其中。 基于JSZip的前端文件壓縮 1. 簡介： 這段時間，項目需要做一個這樣的功能：客戶端在上傳文件的時候（具體文件類型），需要對文件進(jìn)行壓縮再上傳以節(jié)省帶寬和服務(wù)器端資源，完成這個功能，我們選擇了GitHub上的JSZ...

    Ververica 評論0 收藏0

  • 關(guān)于前端實(shí)現(xiàn)文件下載功能

    摘要：問題以上兩種方式，當(dāng)在下載格式，或者視頻文件時，瀏覽器會直接播放該文件，而達(dá)不到直接下載的功能，此時，當(dāng)下載音視頻文件時無法使用以上兩種方式。 1、通過window.open()打開新頁面下載文件 window.open(`url`, _self) 使用場景：下載excel文件，后端提供接口，接口返回的是文件流，可以直接使用window.open()，最簡單的方式。 優(yōu)點(diǎn)：最簡潔； 弊...

    Arno 評論0 收藏0

  • 【云分發(fā) UCDN】使用指南：實(shí)時監(jiān)控，統(tǒng)計分析，內(nèi)容管理和域名管理

    摘要：實(shí)時監(jiān)控實(shí)時監(jiān)控包括四部分帶寬監(jiān)控請求數(shù)監(jiān)控命中率監(jiān)控和狀態(tài)碼監(jiān)控。并統(tǒng)計該時間段內(nèi)選中域名的請求數(shù)峰值請求數(shù)谷值以及總請求數(shù)。狀態(tài)碼監(jiān)控該頁面下，將展示篩選條件下的狀態(tài)碼折線圖。實(shí)時監(jiān)控實(shí)時監(jiān)控包括四部分：帶寬監(jiān)控、請求數(shù)監(jiān)控、命中率監(jiān)控和HTTP狀態(tài)碼監(jiān)控。點(diǎn)擊進(jìn)入實(shí)時監(jiān)控頁面。選擇需要查看監(jiān)控的域名列表，可單選、多選、全選。系統(tǒng)默認(rèn)展示最近一天的監(jiān)控情況，也可根據(jù)需求選擇時長。篩選條件...

    Tecode 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<