Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
nodeJS-修改HTML文件以显示图像_Html_Node.js_Web - Fatal编程技术网

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

nodeJS-修改HTML文件以显示图像,html,node.js,web,Html,Node.js,Web,我有一个静态HTML页面,我使用NodeJS来服务该页面 我希望能够从NodeJS动态地提供图像的HTML页面url,以便能够显示这些图像 我该怎么做呢?使用某种模板引擎。一个简单的视图模板引擎被称为。这将允许您为大部分保持不变的html页面动态创建“布局”,同时允许您创建“视图”,这些视图是将插入布局的部分html文件。例如页眉和页脚。页眉和页脚很可能在整个网站中保持不变,因此您可以将其放在布局文件中,而正文内部是可以呈现动态视图的地方 Handlebar使用此符号在html文件中呈现http

我有一个静态HTML页面,我使用NodeJS来服务该页面

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


我该怎么做呢?

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

Handlebar使用此符号在html文件中呈现httpRequest数据:

html

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

将HTML转换为一个模板,例如EJS/Pug/Mustache。EJS最合适,因为它基本上是带有变量的HTML。因此,您只需将index.html重命名为index.ejs,并用变量替换图像URL。我的回答有帮助吗?或者,您在以这种方式实施时遇到了问题?
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)) 
    }
}