загрузка изображения php с помощью ajax и отображение изображения после загрузки

Question

У меня есть следующий сценарий:

1. пользователь выбирает изображение для загрузки (простая форма с полем ввода, где type = "file")
2. Файл загружается на сервер (такжеБД обновляется)
   все это у меня уже есть ..

Мне нужно отобразить загруженное изображение на странице, после успеха, без обновления.

Можно ли это сделать без фреймов?
Я уже выполнил некоторое кодирование ajax, в котором входные данные сохраняются в БД или используются для возврата содержимого из БД.
Дело в том, что здесь отправляются фактические данные файла с поля. Могу ли я сделать это, используя jquery $.get?

Я думал, что после копирования файла и сохранения соответствующих данных в БД я могу вернуть новое местоположение (путь на сервере, гдефайл был скопирован).Код jquery, перехватывающий это возвращение, может использовать его для установки атрибута src тега img в новый файл, отображая его таким образом.

Можете ли вы порекомендовать соответствующие учебные пособия или демонстрации?Кроме того, любые советы будут очень признательны

Answer 1

вам нужен javascript для этого.Предоставьте функцию onClick с элементом file типа ввода ur и в этой функции с помощью функций javascripts createElement (), setAttribute (), appendChild и т. Д., Чтобы добавить новое изображение к объекту документа.надеюсь, это поможет

Answer 2

Лучший способ сделать это - использовать функцию загрузки AJAX на основе JavaScript, и для этого есть несколько плагинов javascript / jQuery. Изучите этот учебник , который объясняет один из способов сделать это с помощью плагина ajaxupload.js , для которого вы можете найти больше документации здесь .

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

Answer 3

Вы можете достичь этого, используя AJAX с PHP и MYSQL.Вы можете загрузить изображение с помощью AJAX и FormData, затем проверить и сохранить изображение на сервере и отправить URL-адрес изображения в ответе JSON.

Обратите внимание, что наиболее важной частью этого является проверка.

См. это руководство для начинающих , чтобы узнать больше.