Загрузка изображения с локального диска на html

Question

Мне нужно загрузить изображение на мою HTML-страницу с моего локального диска, что, как я знаю, теперь невозможно из-за соображений безопасности и тех же политик происхождения.

1.) Мое изображение 'loadingimage.jpg' находится на том же месте, что и моя .html-страница. Я попробовать относительные пути, как

<style> 
body { 
background-image: url("/loadingimage.jpeg"); 
} 
</style> 

, и это дает мне ошибку, как

Failed to load resource: the server responded with a status of 404 (Not Found) 
http://10.2.9.208:8081/loadingimage.jpg 

Я не получаю эту ошибку, когда я открываю файлы напрямую, только тогда, когда я использую узел JS выразить служить этому html-файл с моего диска. У меня есть этот код в моем узле JS

app.get('/abt', function (req, res) { 
res.sendFile(path.join(__dirname, '../../startpage.html')); 
}); 

Пожалуйста, не downvote этого вопроса как дубликат, как я прошел через все звенья и не смог найти solution.So, я перепроведение его. Можно ли это сделать без преобразования в коды base64? Что я делаю?

2.) Но даже если мне как-то удастся отобразить его в моем браузере, я хочу, чтобы все клиенты просматривали мою веб-страницу, чтобы увидеть ее, например, предположительно изображение ДОБРО ПОЖАЛОВАТЬ. Как это сделать?

Мне не разрешено использовать любые хостинг-серверы изображений в Интернете. Могу ли я сделать что-то вроде доступа к клиентскому ПК и хранения изображения на нем там, используя его, а затем удаляя его, когда страница закрыта ?.

У меня есть серверная машина, работающая в фоновом режиме. Можно ли хранить эти изображения на сервере, а затем извлекать их и отображать на клиентском ПК?

EDIT 1: Я попытался с помощью этого

<img class="logo" src="http://10.2.9.208:8081/loadingimage.jpg" alt="My_Logo"> 

В этом сейчас, а не только дает мне ту же ошибку, но и показывает разбитое изображение.

скрипка для этого: https://jsfiddle.net/SuchitraIyer/sno3j98w/

Answer 1

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

Answer 2

Если изображение на том же месте с вашей страницы/ту же папку и пишется имя изображения правильно, то попробуйте следующий код:

body { 
    background-image: url("3011483-euro2016-omb-pes2016_1.jpg"); 
} 

вам просто нужно удалить вперед слэш от начала файла ...

Я надеюсь, что это поможет ...

Спасибо ...

Answer 3

Если HTML файлы и изображения находятся в той же папке, затем

background-image: url("YOUR-IMAGE-NAME"); 

Другие, чем если бы вы создать любую папку

--FOLDER/YOUR-IMAGE-IMAGE

-HTML файл

код будет l ike это.

background-image: url("FOLDER/YOUR-IMAGE-NAME"); 

Альтернативный метод, который вы можете использовать это с вашей полной PATH начиная с file:///.

file:///C:/imagename 

Я НАДЕЮСЬ ЭТО ОТВЕТ ПОМОЧЬ ВАМ.

Answer 4

Поместите изображение в папку, а затем введите путь и увидеть как

body { 
    background-image: url("images/loading.jpg"); 
}, 

, так как вы используете Node.js, эта нить может помочь вам

How to serve the image files using express framework in node.js?

Answer 5

body { 
    background-image: url("../../loadingimage.jpg"); 
},