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

Question

我使用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>

我的问题是当我将ABW0149_reg.jpg放在我的这个html文件所在的同一目录中时它显示图像但是当我想使用来自其他路径的图像时我喜欢这个 file:///E:/ABW0149_reg.jpg但它不显示图像。为什么会这样，告诉我如何使用来自其他来源的图像。

Answer 1

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

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

Answer 2

<img src="file:///..." />实际上是尝试从客户端的硬盘加载图片。

Answer 3

您的图片需要在同一个public-html / wwwroot中。

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