nodeJS - 修改 HTML 文件以显示图像

Posted 2023-03-07

【中文标题】nodeJS - 修改 HTML 文件以显示图像

【英文标题】：nodeJS - modify HTML file to display images

【发布时间】：2017-06-13 19:15:15

【问题描述】：

我有一个静态 html 页面，我正在使用 NodeJS 来提供该页面。

我希望能够从 NodeJS 动态地提供图像的 HTML 页面 URL，以便可以显示这些图像。

我该怎么做？

【问题讨论】：

将 HTML 转换为 EJS/Pug/Mustache 等模板。 EJS 将是最合适的，因为它基本上是带有变量的 HTML。所以你只需要重命名例如index.html 到 index.ejs 并用变量替换图像 URL。

我的回答有帮助吗？或者您是否遇到了以这种方式实现它的问题？

【参考方案1】：

使用某种模板引擎。一个简单的视图模板引擎被称为Handlebars。这将允许您为保持不变的大部分 html 页面动态创建“布局”，同时允许您创建将插入到布局中的部分 html 文件的“视图”。这方面的一个例子是页眉和页脚。页眉和页脚很可能在您的整个网站中保持不变，因此您可以将其放在布局文件中，而主体内部是可以呈现动态视图的位置。

Handlebars 使用此表示法在您的 html 文件中呈现 httpRequest 数据：

html

<div id='user-profile-image'> profile_image_uri </div>

js

app.get('/user-by-name', function(req, res) 

    var options =
    
        "Content-Type" : "application/json",
        "url" : "blah.com"
    

    // Using the request module
    request.get(options, function(err, httpResponse, body) 
        if (err)
        
            console.log(err)
            return
        
        // First param is your view name
        // Second param is your json response body which is rendered in 
        // the view using handlebars 
        res.render('your_view_name_here', JSON.parse(body))