如何在 ejs (javascriptmvc) 中指定相对图像路径答案

【问题标题】：how specify relative image path in ejs (javascriptmvc)如何在 ejs (javascriptmvc) 中指定相对图像路径
【发布时间】：2012-09-23 14:44:50
【问题描述】：

我正在尝试使用 javascriptmvc 做简单的应用程序。

有几个控制器和下一个文件夹结构：

/controllerA
  /views
    view1.ejs
    /images
      img1.png
/controllerB
  /views
    view2.ejs
    /images
      img2.png

我如何在 ejs 文件中引用图像，以便它在整个项目中正常工作，并且分别在每个控制器中（例如 localhost/myapp/controllerA/controllerA.html）？

ejs 看起来像：

<div class="show-control">
  <img src="images/img1.png" alt="Show"/>
  <div class="count"></div>
</div>

【问题讨论】：

【解决方案1】：

你应该把你的图片放在 ./project/public/images 而不是 ./project/views/images

然后你可以使用带正斜杠的相对路径/

  <img src="/images/img1.png" alt="Show"/>

【讨论】：