Как загрузить изображение с индикатором выполнения и предварительным просмотром изображения перед загрузкой в ​​базу данных с помощью jQuery?

Question

Как загрузить изображение с индикатором выполнения и предварительным просмотром изображения перед загрузкой в ​​базу данных с использованием jQuery и codeigniter.

Answer 1

От всей души рекомендую использовать Plupload . Это гибкий и простой в использовании. Что мне больше всего нравится в Plupload, так это множественные среды выполнения, которые позволяют загружать файлы с использованием HTML5, HTML4, Flash, Silverlight и Gears. Поверьте мне, не работайте с флэш-загрузкой, сэкономьте время.

Вы также можете использовать очередь загрузки для отображения индикатора выполнения и т. Д. Иногда это требует некоторой настройки, но это стоит попробовать.

Answer 2

Не уверен, что можно предварительно просмотреть изображение, которое вы выбрали на своем диске на веб-сайте, ДО того, как оно будет загружено на сервер, но вы можете попробовать использовать Uploadify .Он использует jQuery / Flash и PHP для загрузки файлов и имеет встроенный индикатор выполнения. Если вы хотите сохранить его в базе данных как большой двоичный объект, вам необходимо загрузить file_get_contents загруженного изображения в uploadify.php и сохранитьвывод в столбце дб.Если вы не хотите использовать Flash, эта тема может вас заинтересовать .Он имеет процент выполнения, но не такой визуальный, как Uploadify.Другой вариант - установить расширение php вот так .

Answer 3

Zurb имеет замечательную демонстрацию , которая использует jQuery и ajax_upload, которая показывает технику, на которую вы хотите взглянуть. Я не могу помочь вам с его частью кода извините