Аз привлека вниманието ви към фразата "без презареждане на страницата" - която не използва AJAX. Така че трябва да се разбере, че с помощта на AJAX не е възможно да качите файл на сървъра.
Въпреки това, можете да подредите процес на изтегляне от гледна точка на прехвърлянето на потребителското файл към сървъра на ще се появи, за да бъде асинхронно. Можете да го направите така, че след като потребителят избира файл и да кликне върху бутона "Изпращане", на страницата, на която се намира, няма да бъде претоварен, но вместо това се показва "Зареждане на файл на сървъра." След като файлът бъде изтеглен ще се появи съобщение, в резултат на изтеглянето. В този случай, изпращането на файла на сървъра, ще се извършва по обичайния начин.
За да научите как да го направя, аз ще се опитам да обясня в тази статия!
Така че нека да създадем страница upload.html нашата форма за качване на файлове и невидима рамка:
Както можете да видите, това е често срещана форма, за да качите файла на сървъра, само в е посочено целевия параметър номер скрит кадър! Също така в кода има контейнер за резултатите от изхода на натоварване.
Сега, ако потребителят избере файл и кликне върху бутона "Качване", файлът ще бъде изпратена до сървъра, и резултатът ще бъде зареден в скрита вградена рамка. След като данните са прехвърлени на вградената рамка, трябва да ги прехвърлите на главната страница.
hideBtn () функция се нарича, когато изпращате файл и да се използва за да информира потребителя, че изтеглянето, както и скриване на бутон "Качване" да, докато дойде отговорът от сървъра, потребителят не може да качите нов файл.
функция handleResponse () се нарича от вградената рамка в отговор на сървъра. Ако се получи резултата, отново се покаже бутона "Изтегляне". Ако има грешки - да ги извлече, или съобщение за успешното стартиране.
Сега нека създадем upload.php файл, който ще бъде прехвърлена към файла:
имената на имотите, които ще съвпадат с масива на ключове.
Ако възникне грешка, тогава този обект ще съдържа следните значения:
Ако няма грешки, а след това този обект ще съдържа информация за качения файл.
Изтеглете изходния код тук!
Това е всичко! На добър час!
Свързани статии