Создайте базовую веб-страницу, единственная цель веб-страницы - иметь возможность загружать фоновое изображение локально и отображать его

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

Например, скажем, у меня есть это:

<html>
    <head>
    </head>
    <body>
        <input type="hidden" name="MAX_FILE_SIZE" value="500" />
        <input type="file" />
    </body>
</html>

Теперь, что дальше? Вот что я хочу сделать:

Я нажимаю кнопку загрузки. Он загружается на мой компьютер по следующему адресу:

file://C:\dummyfolder\images\

Видишь, к чему я клоню? Я делаю настоящий веб-дизайн онлайн, но это не так. Я получил эту идею, и теперь я хочу сделать это. Пожалуйста помоги!

Я могу думать о ком-то, кто сделал это прежде. Google делает это на своем сайте. Когда вы заходите на google.com, вы можете выбрать фоновое изображение для отображения в Google. Он хранит изображение локально на вашем компьютере. Я хочу сделать это, просто на веб-странице, которая хранится локально, и веб-страница хранится локально по URL:

file://C:\dummyfolder\dummypage.html

Это тоже может быть PHP, это не имеет значения. Он никогда не будет доступен нигде, кроме как локально на моем компьютере, поэтому он не должен быть слишком сложным.

Я хочу самый маленький код из возможных. Просто ссылка для загрузки, а затем она сохраняет изображение на моем компьютере и автоматически отображается в качестве фона на этой HTML-странице всякий раз, когда я посещаю ее. Если я загружаю другое изображение, оно меняется на новое изображение, которое также хранится локально, или, может быть, оно может заменить старое изображение? Не знаю.

Спасибо за вашу помощь!

Источник

1 ответ

Я совершенно уверен, что веб-страница не может сохранить (загрузка здесь не тот термин, поскольку изображение никогда не покидает ваш компьютер) изображение на клиентском ПК.

Сайты, которые позволяют вам установить фоновое изображение, обычно хранят изображение на своем веб-сервере, а затем сохраняют информацию, указывающую, какой фон ваш, в файле cookie или в базе данных. Twitter, Google и многие другие используют этот метод.

Возможно, вы сможете использовать некоторые функции HTML5 для локального хранения изображения, используя новые параметры локального хранения в HTML5. Вы можете просмотреть документы W3C здесь: http://dev.w3.org/html5/webstorage/

Источник
Другие вопросы по тегам