Хорошо, я знаю, что такие вопросы существуют в разных формах в StackOverflow и других местах в Интернете, но ни один из них не указывает мне на то, что мне действительно нужно (возможно, я пропустил вопрос, который больше подходил для моей проблемы).
Мне нужен механизм загрузки изображений в стиле Facebook с использованием Codeigniter и javascript/jquery. Вот что он должен делать -
С помощью элемента управления загрузкой одного файла (или, если уж на то пошло, любого элемента управления, на который можно нажать), откройте диалоговое окно «Выбрать файлы» и позвольте пользователю выбрать из него несколько изображений. (Я знаю, что это пока невозможно сделать в IE, и мне все равно, что множественный выбор файлов не работает в IE).
После того, как пользователь выбрал файлы, на странице должен отображаться ряд индикаторов выполнения (как это делает Facebook). По мере загрузки каждого изображения соответствующий индикатор выполнения достигает 100% (если это проще реализовать, я готов отказаться от графического индикатора выполнения для текста, отображающего процент выполнения), а миниатюра изображения отображается рядом с заполненный индикатор выполнения (или текст). На этом этапе у пользователя должна быть возможность удалить загруженное изображение, нажав кнопку отмены (я думаю, что смогу заставить эту часть работать самостоятельно).
Загрузка может быть последовательной (как это делает Facebook) или асинхронной (некоторые библиотеки загрузки, которые я обнаружил, работают таким образом).
Что самое важное (и то, что ставит меня в тупик), так это создание эскизов. Я знаю, что существует технология HTML5/CSS3, позволяющая отображать эскизы до загрузки файлов, извлекая их непосредственно с жесткого диска пользователя. Но это не будет работать в IE8, и хотя меня не беспокоит то, что выбор нескольких изображений не работает в IE8, мне нужно, чтобы генерация эскизов работала в разных браузерах, включая IE8 (решение о совместимости браузера не является чем-то Я могу командовать, так что, пожалуйста, не придумывайте решение типа "К черту IE!").
Я пробовал использовать uploadify (у меня нет ограничений на использование Flash), но, похоже, я не могу настроить его под свои нужды. Хотя uploadify действительно отображает индикаторы выполнения, мне не удалось найти способ генерировать (и отображать) эскизы на лету в соответствии с описанным выше поведением. Я знаю, как работает генерация эскизов на PHP, но не могу понять, как это реализовать вместе с индикаторами прогресса. Я ищу подходящий вызов jQuery/ajax?
Любая помощь и/или указатели будут оценены. Я признаю, что мог пропустить вопрос StackOverflow, который мог бы решить мою проблему, поэтому, пожалуйста, направьте меня на эту страницу или на любую другую страницу, которая, по вашему мнению, поможет мне. Пожалуйста, не стесняйтесь предлагать загружать библиотеки, отличные от uploadify, которые, по вашему мнению, могут оказаться полезными.
Заранее спасибо. И спасибо, что прочитали все это - я изо всех сил старался сделать вопрос правильно описательным!