我想要一個代碼來創建基于用戶給定數字的文本,我也想要不同的圖示/影像。
影像保存在我的檔案夾 public/images 中。
我不想使用任何客戶端 javascript,所以沒有 document.getElemntyById 等。我想是否可以在渲染頁面時傳遞影像:
app.get("..", function(req,res){
res.render("page1",{ image: image} //(or use image url)
然后在我的哈巴狗中:
p MY IMAGE: #{image}
或者
img(src="#{imgURL}")
我很確定第二個應該可以作業,但它不會加載影像......
所以我的問題是如何在沒有 client-js 的情況下實作我剛才描述的方式?如果不可能,我該如何以其他方式實作?
順便說一句,我有兩個 javascript,一個 app.js 用于獲取發布/獲取請求(我還需要我的第二個 js),第二個用于將數字更改為文本和影像:
transformNumber.js:
export.modules = {
numberToText: function(number){
var text;
switch(number)
case 2: text = "example";
return text;},
numberToImage: function(number){
var image;
switch(number)
case 1: image = "example image/imageURL";
return image;}
uj5u.com熱心網友回復:
您可以將影像作為檔案發送
app.get('/myimage', function (req, res) {
return res.sendFile(filepath);
});
請檢查參考: http ://expressjs.com/en/api.html#res.sendFile
如果你想用影像渲染模板,只需通過后端傳遞影像 URL 并在前端捕獲它:
app.get('/myimage', (req, res) => {
res.status(200).render('page1', {
image: 'your_image_with_path.png'
});
});
接著:
html
head
body
h1 My page with my text
img=(src=image)
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/495098.html
標籤:javascript 节点.js 图片 表示 服务器
上一篇:如何為孩子設定邊距