Динамическая загрузка изображения в div со стороны клиента - jQuery

Question

Я попытался загрузить веб-изображение, оно работает.Но я хочу загрузить изображение на стороне клиента.

$("#lol").live("click", function() {
 $(".main").html('<img src="file:///D:/lol.jpg" />');
})

Answer 1

Ваш атрибут src должен быть доступен через Интернет через http (s).Помните, что клиенты не имеют доступа к вашим файлам, только то, что может предоставить им веб-сервер.

Answer 2

Это проблема безопасности браузера. Если вам разрешено загружать локальные файлы по своему усмотрению, вы можете использовать это для доступа к удаленным файлам на пользовательском компьютере.

Зачем тебе это нужно? Может быть, есть другой способ выполнить то, что вы хотите.

Answer 3

Укажите размещенный URL-адрес, откуда вы запускаете приложение. Что-то вроде http://localhost

Примечание. Это будет работать только локально, но не через Интернет. Вы всегда должны использовать относительный путь приложения для изображений.

$("#lol").live("click", function() {
    $(".main").html('<img src="http://localhost/applicationName/images/lol.jpg" />');
});