Могу ли я использовать изображение из моей локальной файловой системы в качестве фона в HTML?
У меня есть HTML-документ, размещенный на удаленном веб-сервере. Я пытаюсь, чтобы один из элементов на веб-странице использовал файл изображения из моей локальной файловой системы в качестве фонового изображения. Не повезло с Chrome, Safari или Firefox (не пробовал IE).
Вот пример того, что я пробовал до сих пор.
<!DOCTYPE html>
<html>
<head>
<title>Experiment</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
html,body { width: 100%; height: 100%; }
</style>
</head>
<body style="background: url('file:///Users/username/Desktop/background.png')">
</body>
</html>
Если я осматриваю элемент body, используя инструмент веб-проверки моего браузера, и выбираю «Открыть изображение в новой вкладке», изображение там. Таким образом, браузер полностью способен получить файл изображения по заданному URL.
Это то, что я пытаюсь осуществить вообще, или это функция безопасности браузера, которая пытается заблокировать внешние домены от доступа к локальным ресурсам пользователя?