Как отобразить изображение, которого нет в текущем каталоге

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

Ваши изображения должны быть в том же public-html / wwwroot.

Вы можете использовать относительную адресацию (например, ../image.jpg) или абсолютную (/folder/image.jpg).

Answer 3

<img src="file:///..." /> фактически пытается загрузить образ с жесткого диска клиента.