Завантаження зображень та відображення без перезавантаження сторінки
Всі ми знаємо, що завантажувати зображення через AJAX не можна, але хотілося б цю ситуацію хоча б емулювати.
Суть: Є форма, де зокрема передбачено завантаження фотографії на сервер. У дизайні це виглядає приблизно так - у формі є велика кнопка для завантаження зображення (їх може бути кілька, кнопок тобто додаються динамічно), по натисканні на яку відкривається вікно вибору файлу. Далі, коли користувач вибрав файл, кнопка зникає та на її місці з'являється свіжозавантажена фотка. Далі користувач робить ту ж операцію з іншими кнопками (додаючи при необхідності нові кнопки) і натискає кнопку «надіслати», після чого вся введена ним інформація зберігається.
Наскільки я розумію, такий фінт можна зробити тільки за допомогою iframe, хотілося б подробиць, тому що спробував заюзати jQuery Right Uploader, але нічого з цієї витівки не вийшло. Можливо, тому що для стилізації форми вибору файлу я використовую ще один jQuery-плагін (jInputFile кому цікаво).
Стилізована кнопка за розміром збігається з майбутнім зображенням, може теж знадобиться.
Буду вдячний за будь-яку допомогу, заздалегідь дякую всім.
Стандартне рішення: - Створюємо форму відправки і прихований iframe.
Форма відправки може бути стилізована, як завгодно (своя кнопка відправки або вибору файлу). На формі необхідно обов'язково розташувати input [type=file] (вибір картинки) і input [name=MAX_FILE_SIZE](обмежувач розміру файла). У формі target повинен посилатися на прихований iframe (у прикладі hiddenframe). При надсиланні файлу target виконає перезавантаження (тому якщо не використовувати прихований iframe, то у нас перезавантажиться батьківська сторінка).