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

Question

Здравствуйте. Я ищу решение на основе Javascript или jQuery для предварительного просмотра изображения SELECTED, а не загруженного. Поэтому, как только пользователь выберет изображение, будет показан предварительный просмотр этого изображения. У меня нет никакого кода, я довольно потерян здесь. Мне нужно решение на основе HTML + Javascript или JQuery. Я также могу использовать PHP при необходимости

Answer 1

Для этого вам нужно использовать HTML5 File API . Почти все последние браузеры поддерживают эту функцию, кроме IE9. Safari 5.1 поддерживает это, но все еще находится в бета-версии. Вы можете проверить совместимость браузера HTML5 File API здесь .

Существуют хорошие руководства по использованию файлового API HTML5 для отображения предварительного просмотра, например , или , .

.

Если вам нужно больше, вы можете найти больше с помощью googling . Возможно, вам придется использовать Прогрессивное улучшение .