用于图像的JavaScript文件路径

时间:2016-06-10 06:25:44

标签: javascript jquery image filepath

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

File Structure

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);

我得到的输出是:

Output

期望的输出:

Desired Output

2 个答案:

答案 0 :(得分: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);

答案 1 :(得分:0)

谢谢大家 - 自从我在view.html中打开文件

后,以下工作正常
var prop = $('<img class="prop" src="../Images/prop.ico" />').attr('id', i);