如何显示不在当前目录中的图像

问题描述：

我正在使用jquery显示由json对象获取的结果，这里是为图像标记使用了一个硬编码值。如何显示不在当前目录中的图像

$.getJSON("http://192.168.1.9:8983/solr/db/select/?wt=json&&start=0&rows=100&q=" + q + "&json.wrf=?", function(result) { 
    $.each(result.response.docs, function(i, item) { 
     html += "<br>UID_PK: =" + item.UID_PK; 
     html += "<br>Name: =" + item.name; 
     var src1 = "ABW0149_reg.jpg"; 
     html += "<img src=" + src1 + " />"; 
    }); 

    $("#result").html(html); 
});

其中“结果”是<div>

我的问题是，当我在我的这个HTML文件是显示图像，但是当我想用图像从其他的相同目录把ABW0149_reg.jpg路径我这样做 file:///E:/ABW0149_reg.jpg但它不显示图像。为什么是这样，告诉我如何使用其他来源的图像。

答

我认为这里的问题是，所有的现代浏览器禁止显示嵌入非本地（http://）页面的本地（file:///）图像。

它应该工作，如果您使用其他远程路径（如192.168.1.10/images/image.jpg）。

比我怎么能实现这一点，如果我想使用来自同一个系统的图像，但只是从不同的目录中。 – Romi 2011-06-06 09:39:15

@Romi你的意思是，来自本地系统的图像？你可能不能 - 你必须通过'http：//'不知何故可以使它可用 – 2011-06-06 09:42:10

@Pekka：我怎样才能使它通过http.See我有一个正在运行的服务器端口localhost：8986，shuld我把图像放在这台服务器上，以便我可以在localhost上使用它：8080 – Romi 2011-06-06 09:54:37

答

<img src="file:///..." />实际上会尝试从客户端硬盘加载映像。

那么我应该怎么做，如果我想使用其他目录的图像 – Romi 2011-06-06 09:40:24

@Romi让这个图像以某种方式通过'http'访问。 – 2011-06-06 09:41:07

我怎么可以通过http.See我有一个运行服务器端口localhost：8986，shuld我把图像在这台服务器，以便我可以使用它在本地端口：8080 – Romi 2011-06-06 09:54:11

答

您的图片需要位于相同的public-html/wwwroot中。

然后，您可以使用相对寻址（例如../image.jpg）或绝对（/folder/image.jpg）。

如何显示不在当前目录中的图像

相关推荐