使用Node怎么實(shí)現(xiàn)一個(gè)Axure文件在線預(yù)覽功能-創(chuàng)新互聯(lián)
這篇文章將為大家詳細(xì)講解有關(guān)使用Node怎么實(shí)現(xiàn)一個(gè)Axure文件在線預(yù)覽功能，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),宿松企業(yè)網(wǎng)站建設(shè),宿松品牌網(wǎng)站建設(shè),網(wǎng)站定制,宿松網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,
宿松網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
實(shí)現(xiàn)代碼如下
const Koa = require('koa');
const path = require('path');
const fs = require('fs');
let mimes = {
'css': 'text/css',
'html': 'text/html',
'jpg': 'image/jpeg',
'jpeg': 'image/jpeg',
'json': 'application/json',
'js': 'text/javascript',
'xml': 'text/xml',
'png': 'image/png',
'pdf': 'application/pdf',
'less': 'text/css',
'gif': 'image/gif',
'txt': 'text/plain',
'tiff': 'image/tiff',
'svg': 'image/svg+xml'
};
// Scan dir
function walk(reqPath) {
let files = fs.readdirSync(reqPath);
let fileList = [];
for (let i = 0, len = files.length; i< len; i++) {
let item = files[i];
if (item.startsWith('.')) {
continue;
}
let realPath = reqPath + '/' + files[i];
if (isDir(realPath)) {
fileList.push(filter(reqPath, files[i]));
} else {
fileList.push(files[i]);
}
}
return fileList;
}
function isDir(path){
return fs.existsSync(path) && fs.statSync(path).isDirectory();
}
//
function filter(reqPath, filePath) {
let files = fs.readdirSync(reqPath + '/' + filePath);
for (let i = 0; i < files.length; i++) {
let item = files[i];
if (item.endsWith('index.html')) {
return filePath + '/' + 'index.html';
}
}
return filePath;
}
function dir(url, reqPath) {
let contentList = walk(reqPath);
let result = 'Product Document ';
if (url == '/') {
url = '';
}
for (let [index, item] of contentList.entries()) {
let realHref = url + '/' + item;
let realItem = item.split('/');
result += '- ' + realItem[0] + '
';
}
result = result + '
';
return result;
}
async function file (url, filePath) {
let resultMime = parseMime(url);
let content;
if (resultMime && resultMime.indexOf('image/') >= 0) {
content = fs.readFileSync(filePath, 'binary');
} else {
content = fs.readFileSync(filePath, 'utf8');
}
return content;
}
async function content(ctx, fullStaticPath) {
let url = decodeURI(ctx.url);
let reqPath = path.join(fullStaticPath, url);
let exist = fs.existsSync(reqPath);
let content = '';
if (!exist) {
content = 'Local file not exists';
} else {
let stat = fs.statSync(reqPath);
if (stat.isDirectory()) {
content = dir(ctx.url, reqPath);
} else {
content = await file(ctx.url, reqPath);
}
}
return content;
}
function parseMime(url) {
let extName = path.extname(url);
extName = extName ? extName.slice(1) : 'unknown';
return mimes[extName];
}
const app = new Koa();
const staticPath = '../onlinedoc';`請輸入代碼`
app.use(async(ctx) => {
let fullStaticPath = path.join(__dirname, staticPath);
let resultContent = await content(ctx, fullStaticPath);
let resultMime = parseMime(ctx.url);
if (resultMime) {
ctx.type = resultMime;
}
if(resultMime && resultMime.indexOf('image/') >= 0) {
ctx.res.writeHead(200);
ctx.res.write(resultContent, 'binary');
ctx.res.end();
} else {
ctx.body = resultContent;
}
});
app.listen(8080, () => {
console.log('Running');
});
關(guān)于使用Node怎么實(shí)現(xiàn)一個(gè)Axure文件在線預(yù)覽功能就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。
網(wǎng)頁題目：使用Node怎么實(shí)現(xiàn)一個(gè)Axure文件在線預(yù)覽功能-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：
http://weahome.cn/article/cejpgd.html
重慶分公司
重慶分公司
