当前位置: 首页 > 知识库问答 >
问题:

在node.js/express中使用EJS显示图像

翟奇逸
2023-03-14

我只是想安装node.js/express/ejs.我知道ejs不是真正的超文本标记语言,所以我很难只显示一个简单的图像。有人能给我指出正确的方向吗?

目录结构为:

  • 我的应用程序/服务器。js
  • myApp/视图/索引。ejs
  • myApp/徽标。jpg

现在我有

// index.ejs
<img src = "../logo.jpg" />

我走错方向了吗?谢谢

共有3个答案

董建德
2023-03-14

我的js文件在这里c:/blog/index.js和图像文件c:/blog/view/image.js。并输入js文件此代码

app。使用(表示静态(“视图”)

然后在CSS中添加属性

body{
background-Image: url("./image.jpg "); }

督瑞
2023-03-14

您必须分配应用程序。使用(明示静态(“公共”) 在应用程序上。那么不要忘记/as根目录:

<img src="/images/logo.jpg" />

“图像”文件夹应位于公用文件夹中:

- public/
  - images/
    - logo.png
- app.js

黎奇略
2023-03-14

Express中的静态文件必须位于静态中间件中指定的目录内。这通常是./Public/

例如,在服务器中。js您可能会遇到如下情况:

app.use( express.static( "public" ) );

此文件夹中的每个文件都可以从根URL访问,因此这将起作用:

<img src="logo.jpg" />
 类似资料:
  • 问题内容: 我已经使用以下代码: fileupload.html fileupload.js: 我已经使用以上这些代码进行文件上传,但是在终端中使用节点fileupload.js执行时,出现类型错误 任何人都可以帮助解决此问题。 问题答案: 您正在尝试使用的旧API。它改变了一段时间,请参阅文档以获取更多信息。 在您上载单个文件的特定情况下,您将删除该行,而使用和一样:

  • 问题内容: 我正在使用Express和EJS来提供页面。我正在为用户界面使用Bootstrap,尤其是导航栏。 我想在当前页面的项目中添加一个类,以显示当前页面。但是,我找不到如何从呈现页面的EJS代码中获取URL。 我发现了两种解决方法:我使用了将页面名称作为路由的参数传递的方法-这是不可扩展的,可能会导致问题。 另一种方法是在客户端使用jQuery 在页面准备就绪时将类添加到项目中-但这意味着

  • express-ejs-layouts Layout support for ejs in express Installation $ npm install express-ejs-layouts Example Check the example folder. git clone https://github.com/soarez/express-ejs-layouts.git cd ex

  • 我正在节点服务器上使用express ejs在多视图应用程序中呈现视图。在客户端,我使用的是AngularJS。初始视图是一个登录页面,当使用时,该页面会正确显示。我想在用户成功连接时呈现一个新的视图,但是对于下一个,它仍然停留在登录页面上,尽管我在客户端接收到了正确的HTML。下面是我的相关代码: 部分文件结构: server.js Script.js login.ejs Home.ejs 这是

  • 问题内容: 我想转义Bloglist [i] .Text字段中的html。如何使用EJS做到这一点? 问题答案: 您正在使用以下方法正确地转义该值: 如果要允许呈现HTML,则需要“未转义”的值。为此,请使用以下命令: 我所做的就是用破折号(-)代替等号(=)。 参考:https : //github.com/visionmedia/ejs/tree/0.8.3#features

  • 问题内容: 目前,我使用angular-file- upload处理图像上传,我只是将图像保存到服务器的文件系统中,并在HTML中引用它。但是,我想尝试将图像直接存储在为博客文章定义的架构内的数据库中。 我要这样做,这样我就可以拥有一个存储图像本身的字段。我当时想我可以像以前一样上传图像,但是在上传图像之后将其转换并以二进制(或其他形式)存储在Mongo中。这可能吗? 谢谢! 问题答案: 下面的示