图片不会在页面上呈现HTML相对路径 - 使用基础和轨道

Question

这是非常基本的，但我无法弄清楚为什么我的图像不会渲染。破坏的图像图标不会出现，我正在localhost上查看我的页面。我不确定如何上传屏幕截图，但我已经在很多方面玩过相对路径，无法找出问题所在。当我链接到在线图像时，它会呈现。我目前正在使用rails / foundation，但几周前我使用MEAN堆栈时遇到了同样的问题。问题似乎只有在使用服务器时才会出现。任何帮助表示赞赏，谢谢。编辑：我的视图和资源文件夹是在同一级别（兄弟姐妹？）视图路径：app / views / projects / home.html.erb。图片路径：app / assets / images / volvo.jpg;我已经选择了图像文件并完成了“复制相对路径”，并且每个方向都使用它。我不认为这是路径，但谁知道。

<h4>pic below</h4>
<img src"../../assets/images/bmw.jpg"/>
<h4>pic above</h4>
<h2>photo gallery</h2>
  <ul>
    <li>
      <img src"assets/images/bmw.jpg"/>
      <img src"../../assets/images/volvo.jpg"/>
      <img src"saab.jpg"/>
      <img src"../../assets/images/saabtwo.jpg"/>
    </li>
  </ul>

Answer 1

您错误地定义了images;你忘记了等号（=）。您需要在图像路径之前使用src=而不是src。这是因为attributes的定义/设置在html中的工作方式。

对于您的代码，这将是：

<h4>pic below</h4>
<img src="../../assets/images/bmw.jpg"/>
<h4>pic above</h4>
<h2>photo gallery</h2>
  <ul>
    <li>
      <img src="assets/images/bmw.jpg"/>
      <img src="../../assets/images/volvo.jpg"/>
      <img src="saab.jpg"/>
      <img src="../../assets/images/saabtwo.jpg"/>
    </li>
  </ul>

作为一般规则，要在html中定义样式，请执行以下操作：attribute="value"。