Я не могу поместить любое изображение в электронное приложение, background-image не работает, img scr не работает, что я могу сделать? Очень странно

Question

Я не могу поместить любое изображение в электронное приложение, background-image не работает, img scr не работает, canvas.drawImage не работает, что я могу сделать? Очевидный код:

<img src="file://bg.jpg" width="50px" height="50px"> 
...
body{ background-image: url('file:///bg.jpg') 50px 50px repeat; }

Answer 1

Источник image является неверным .

Вы можете либо Absolute Path, либо Relative Path - Абсолютный В / с Относительный путь

Использовать Относительный путь, поскольку они не привязаны к базе URL

Теперь возвращаясь к вашей проблеме, file://bg.jpg не является допустимым путем.
Поскольку вы указали структуру вашего проекта, давайте рассмотрим, что вы хотели background image и <img /> в файле index. html и изображение bg.jpg оба находятся в одном каталоге.

Что означает, что ваш files structure такой
project_folder
| индекс. html
| главная. js
| bg.jpg

Тогда вместо file://bg.jpg используйте bg.jpg.

Таким образом, ваш код становится похожим на

<img src="bg.jpg" width="50px" height="50px"> 
...
body{ background-image: url('bg.jpg') 50px 50px repeat; }

ПРИМЕЧАНИЕ: Действителен только в том случае, если файл HTML и изображение находятся в одном каталоге

Если не , то для доступа к изображению необходимо использовать relative путь