資訊專欄INFORMATION COLUMN
摘要：前言業(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 后記感謝支持。若不足之處，歡迎大家指出，共勉。
如果覺得不錯(cuò)，記得 點(diǎn)贊 ，謝謝大家
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103853.html
摘要：的官方描述是是一個(gè)獨(dú)立于中間件和路由的實(shí)例，你可以將看作是只能執(zhí)行執(zhí)行中間件和路由的小心應(yīng)用。最大的不同在于只能已模塊形式存在并不能獨(dú)立運(yùn)行。另外，加密的公鑰也被稱為證書?？蛻舳嗽谀玫焦€證書后會(huì)向這樣的證書頒發(fā)機(jī)構(gòu)進(jìn)行驗(yàn)證。 showImg(https://segmentfault.com/img/remote/1460000010820582); 作為 Express 中的最大特點(diǎn)...
摘要：因?yàn)楫惒綁嚎s的時(shí)候我們上傳的文件的數(shù)量不定，所以上面需要使用關(guān)鍵字來修飾壓縮過程。而下面的壓縮過程的實(shí)現(xiàn)，最終返回一個(gè)對(duì)象，當(dāng)壓縮過程已完成后，完整的生成的文件存于其中。 基于JSZip的前端文件壓縮 1. 簡介： 這段時(shí)間，項(xiàng)目需要做一個(gè)這樣的功能：客戶端在上傳文件的時(shí)候（具體文件類型），需要對(duì)文件進(jìn)行壓縮再上傳以節(jié)省帶寬和服務(wù)器端資源，完成這個(gè)功能，我們選擇了GitHub上的JSZ...
摘要：問題以上兩種方式，當(dāng)在下載格式，或者視頻文件時(shí)，瀏覽器會(huì)直接播放該文件，而達(dá)不到直接下載的功能，此時(shí)，當(dāng)下載音視頻文件時(shí)無法使用以上兩種方式。 1、通過window.open()打開新頁面下載文件 window.open(`url`, _self) 使用場景：下載excel文件，后端提供接口，接口返回的是文件流，可以直接使用window.open()，最簡單的方式。 優(yōu)點(diǎn)：最簡潔； 弊...
摘要：實(shí)時(shí)監(jiān)控實(shí)時(shí)監(jiān)控包括四部分帶寬監(jiān)控請(qǐng)求數(shù)監(jiān)控命中率監(jiān)控和狀態(tài)碼監(jiān)控。并統(tǒng)計(jì)該時(shí)間段內(nèi)選中域名的請(qǐng)求數(shù)峰值請(qǐng)求數(shù)谷值以及總請(qǐng)求數(shù)。狀態(tài)碼監(jiān)控該頁面下，將展示篩選條件下的狀態(tài)碼折線圖。實(shí)時(shí)監(jiān)控實(shí)時(shí)監(jiān)控包括四部分：帶寬監(jiān)控、請(qǐng)求數(shù)監(jiān)控、命中率監(jiān)控和HTTP狀態(tài)碼監(jiān)控。點(diǎn)擊進(jìn)入實(shí)時(shí)監(jiān)控頁面。選擇需要查看監(jiān)控的域名列表，可單選、多選、全選。系統(tǒng)默認(rèn)展示最近一天的監(jiān)控情況，也可根據(jù)需求選擇時(shí)長。篩選條件...
閱讀 2480·2021-11-22 15:35
閱讀 3773·2021-11-04 16:14
閱讀 2701·2021-10-20 13:47
閱讀 2510·2021-10-13 09:49
閱讀 2079·2019-08-30 14:09
閱讀 2380·2019-08-26 13:49
閱讀 893·2019-08-26 10:45
閱讀 2785·2019-08-23 17:54
