Зареждане на изображения
приложение
Зареждане на изображения неразделна част от всяко уеб приложение и уеб разработчикът винаги се опитва да го направи най-лесен за ползване.
Стандартната HTML форма не ни позволява да наблюдаваме процеса на зареждане, а освен това данните се изпращат с презареждане на страницата, което е много неудобно. Можете да намерите много приставки в Интернет, за да подобрите стандартния формуляр и да приложите по-удобно подаване на данни. Можете обаче да се справите без приставки на трети страни, като внедрите формуляра за качване с помощта на библиотеката Jquery.
Изпращане на изображение на сървъра без презареждане на документа
Създайте страница, включете библиотеката jquery в заглавката, вмъкнете формуляр с уникален идентификатор id = "formupload" в тялото на документа.
След това трябва да създадете манипулатор на събития в js, който ще улови момента, в който формулярът е изпратен, обработва неговите данни и го изпраща (нашия образ) на сървъра с помощта на Ajax.
След като свържете библиотеката Jquery в заглавката на документа, вмъкнете следния js код.
Кодът се задейства, когато потребителят щракне върху бутона "Изтегляне". Формулярът се опитва да изпрати данни към сървъра, но нашият манипулатор на събития улавя този момент.
Скриптът чете свойствата, посочени във формуляра (методът на подаване и пътят към сървърния скрипт). Допълнително използване на обекта FormData, изготвяне на формуляр за изпращане Заявка за Ajax. Функцията, опциите за успех, ще бъдат изпълнени, ако формулярът е изпратен успешно и резултатът е получен от сървърния скрипт във формат json, тъй като dataType: "json" (Скриптът на сървъра ще бъде разгледан по-долу, но искам да поясня предварително, че в резултат на успешно качване на изображение, пътят до изображението идва от сървъра в променливата filelink). След това се създава нов елемент, на който се задава пътя на зареденото изображение и се поставя във формуляра. върнете false; в края на функцията предотвратява изпращането на формуляра и следователно презареждането на страницата.