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

Question

Как создать предварительный просмотр изображения, которое будет загружено до того, как оно будет отправлено с использованием AJAX в PHP?

Answer 1

Без загрузки изображения это будет невозможно в JavaScript, насколько я вижу, поскольку ограничения безопасности не позволят вам определить выбранный файл при загрузке файла и встроить этот файл в img тег (как это было возможно пять лет назад.)

Вам повезет больше с загрузчиками на основе Flash. Я видел некоторые, которые предлагают ту функциональность, которую вы хотите.

Обновление: Здесь предлагает функцию предварительного просмотра. Из того, что я вижу, он base64 кодирует локальное изображение и передает его на окружающую HTML-страницу в виде встроенного тега data <img>. Это здорово, потому что это может хорошо вписаться в ваш сайт. Однако не работает с любой версией Internet Explorer.

Здесь - это полностью основанное на Flash решение, которое выполняет предварительный просмотр во всех браузерах.

Answer 2

Тип ввода «file» не отображает локальное расположение файла для загрузки. Он «появляется» потому, что как пользователь вы можете видеть местоположение, но веб-страница никогда не знает этого значения. Без локального адреса файла вы не можете отобразить предварительный просмотр изображения на веб-странице, используя обычный HTML или JavaScript.

Answer 3

сначала вы должны загрузить документ на сервер. Чем вы можете показать, как.

<img src="uploads/file1_12224.jpg" />