如何使用 node.js 中的 ejs 使用特定文件夹中的每个图像?
How to use every image from a specific folder using ejs in node.js?
我想从特定文件夹中获取每张图像并在页面上使用它。
图片名称随机,但目前只有jpg格式,以后可能会更改。
我可以用 ejs 做到这一点还是必须使用 jQuery?
使用最新的 JavaScript 语法(可能需要 babel
)。还要确保安装 koa@2
而不是旧的 koa
.
import {readFile} from 'fs-promise';
import listFilepaths from 'list-filepaths';
import Koa from 'koa';
const app = new Koa();
app.use(async (ctx) => {
if (ctx.request.querystring.indexOf('.jpg')>0) {
const fname = ctx.request.querystring.split('=')[1];
ctx.body = await readFile(`images/${fname}`);
} else {
let images = await listFilepaths('./images',{relative:true});
images = images.map(i=>i.replace('images/',''));
ctx.body = `${images.map(i=>`<img src="/?i=${i}"/>`)}`;
}
});
app.listen(3000);
我想从特定文件夹中获取每张图像并在页面上使用它。
图片名称随机,但目前只有jpg格式,以后可能会更改。
我可以用 ejs 做到这一点还是必须使用 jQuery?
使用最新的 JavaScript 语法(可能需要 babel
)。还要确保安装 koa@2
而不是旧的 koa
.
import {readFile} from 'fs-promise';
import listFilepaths from 'list-filepaths';
import Koa from 'koa';
const app = new Koa();
app.use(async (ctx) => {
if (ctx.request.querystring.indexOf('.jpg')>0) {
const fname = ctx.request.querystring.split('=')[1];
ctx.body = await readFile(`images/${fname}`);
} else {
let images = await listFilepaths('./images',{relative:true});
images = images.map(i=>i.replace('images/',''));
ctx.body = `${images.map(i=>`<img src="/?i=${i}"/>`)}`;
}
});
app.listen(3000);