Зареждане на изображения и показване без презареждане на страницата

Всички знаем, че е невъзможно да се зареждат изображения чрез AJAX, но бихме искали да подражаваме на тази ситуация.

Същност: Има форма, в която се предоставя по-специално качване на снимка на сървъра. В дизайна изглежда по следния начин - във формуляра има голям бутон за зареждане на изображение (може да има няколко от тях, бутони, тоест те се добавят динамично), чрез щракване върху което се отваря прозорецът за избор на файл. Освен това, когато потребителят е избрал файл, бутонът изчезва и на негово място се появява прясно качена снимка. След това потребителят прави същата операция с останалите бутони (добавяйки нови бутони, ако е необходимо) и щраква върху бутона „изпращане“, след което се записва цялата въведена от него инфа.

Доколкото разбирам, такъв трик може да се направи само с помощта на вградена рамка, бих искал повече подробности, защото се опитах да използвам jQuery Right Uploader, но нищо не се получи от тази идея. Може би защото използвам друга приставка jQuery за оформяне на формата за избор на файл (jInputFile всеки, който се интересува).

Стилизираният бутон е със същия размер като бъдещото изображение, той също може да бъде полезен.

Ще бъда благодарен за всяка помощ, благодаря на всички предварително.

Стандартно решение:
- Създайте формуляр за подаване и скрит iframe.

Формулярът за изпращане може да бъде оформен както искате (собствен бутон за изпращане или избор на файл). Във формуляра е необходимо да поставите вход [type = файл] (избор на изображение) и вход [name = MAX_FILE_SIZE] (ограничител на размера на файла). Във формуляра целта трябва да се отнася до скрит iframe (в примера, hiddenframe). Когато файлът бъде изпратен, target ще се презареди (така че ако не използвате скрит iframe, тогава нашата родителска страница ще се презареди).