javascript - JavaScript 中图像的文件路径

Question

这可能是最微不足道的问题，但据我了解，它似乎是正确的，但我无法根据需要查看图像。该图像显示了文件结构，我正在尝试从 jsGold.js 文件访问这些文件。它工作正常，直到我将某些文件提取到新项目进行清理，因此我怀疑文件路径的更改可能导致了此问题。

jsGold.js 文件中的代码行:

else {
   streamData.push(clickedId, streamName, streamDef);
   var prop = $('<img class="prop" src="../../Images/prop.ico" />').attr('id', i);
   newAgent.text(streamData[nameIndex]).append('<img class="cancel" src="../../Images/delete.ico"/>').append(prop);

我得到的输出是:

期望的输出:

Answer 1

img 标记的相对路径应该相对于网站的根目录，而不是相对于脚本的文件夹。

你应该使用:

var prop = $('<img class="prop" src="/Images/prop.ico" />').attr('id', i);

如果您从 Views 直接从磁盘而不是从网络服务器打开页面，则相对路径必须相对于 Views 文件夹。所以你必须这样写:

var prop = $('<img class="prop" src="../Images/prop.ico" />').attr('id', i);