Днешният урок се фокусира върху създаването на изтеглянето на файла, се образува на мястото с помощта на JQuery.
Понякога формата за изтегляне са просто необходими за вашето приложение на множество файлове, но те не го правят толкова проста задача.
Благодарение на JQuery, този процес се улеснява значително.
В този урок ще използвате най-новата версия на JQuery рамка и приставка Аякс качите () от Андрю Valumsa. И двамата са в изходния код на този урок.
Демото не се разпространи и в нашия сървър не се зареди различни снимки от потребители. Можете да опитате у дома - всичко работи добре.
На първо място, нека създадем бутона за изтегляне, когато се натисне, ще се отвори диалогов прозорец за избор на файл
Можете да използвате всеки елемент на бутона. В примера по-горе, аз използвах Разделение. Използвани са следните стилове:
Също така до бутона трябва да добавите една педя елемент за показване на различни послания по време на стартиране. За да се покаже качените файлове на потребителя, като неподреден списък, след като бутонът е бил добавен. Ето и пълния код:
По-долу е прост PHP код, който се показва съобщение "успех" на правилното натоварване, и "Грешка"
Код Обяснение: За да използвате AJAX Качи библиотеката, ние трябва да го инициализира и да даде възможности й. Първият параметър е идентификаторът на бутона, който е натиснат от потребителя. Вторият параметър е скрипт, който ще се справи с товара. Вторият параметър може да се масив от различни опции, за да се даде по-голям контрол над процеса.
Така че това е било направено.
- действие - пътят към скрипта на сървъра страна
- име - името на полето за файл на клетката, които ще бъдат използвани, за да изтеглите
- onSubmit - тя позволява да се изпълни функцията, преди да изтеглите. Например, можете да проверите разширението на файла, както това е направено.
- onComplete - тя позволява да се извършват действия след изтеглянето. Така например, показва зареден образа на потребителя.
Благодаря ви за вниманието!
Днес ние бихме искали да споделим няколко идеи за ефекта на блока е открит, който можете да използвате за техните проекти.
Ако искате да се увеличи значително сигурността на вашия сайт на WordPress, няма да избяга .htaccess конфигурацията на файла. Това не само ще се предпазите от редица хакерски атаки, но също така да се организират пренасочване, както и за решаване на проблемите, свързани с кеша.
Материал дизайн - тази тенденция набира скорост от Google. В тази колекция събра за свободни теми WordPress, изпълнени в този популярен стил.
Ефекти върху това и там, за да впечатлят посетителите ни. В тази колекция събра няколко десетки ресурс, чието създателите наистина се опита да впечатли своите посетители.
В края на месеца, ние предлагаме да се запознаете с набор от безплатни материали за уеб дизайнери в последния месец.
хладно, пързаляне с шейна Вери мач!
>> Демо не се разпространи и в нашия сървър не се зареждат изображения от различни потребители. Можете да опитате у дома - всичко работи добре. Може да бъде един урок да не се разпространява. Какви поуки резултат сървър. Като цяло, нека всички от Google. Код намерени чрез Google работи добре. Обикновено такива системи са много проблематични изтегляния на файлове. След изтеглянето на сървъра винаги изискват дълго настройка, след отстраняване на неизправности на дълга, след подаване на файлове, създаване на директория със специален достъп, се определя по пътя към запазване на файлове. За да направите всичко това, само за да видя как работи кода - не е много желателно.
stark44
всичко работи без конфигурация, се нарича "Не се опитвайте, но аз не одобрявам"
Хм струва zakomentit onSubmit: кораб и всичко, което искам)))!
Много е необходимо скрипт. Благодаря ви много!
Тя не работи с новия JQuery 1.6. Как се лекува.
Момчета, моля да ми кажете как да си изберете няколко файла. Благодаря предварително!
Един добър човек, моля да ми кажете как да го направя, които ще бъдат натоварени с файлове на случаен принцип имената?
$ Име - старото име faly
Какво вместо текста: да направи картината е "обувка анимация"?
Игор Khromenkov
Сменете status.html (
);И как да добавите JS код изтриване на снимки, когато щракнете върху някаква икона, след представянето в onComplete?
кажи ми как можете да покажете текста на грешката? т.е. За да се покаже без име файл, който не успя да се зареди, и съобщение, което описва каква грешка е била
mishakokhanych
Помощ! как да се увеличи размера на качения файл. Имам нужда от теб, за да качите до 50 MB, не е до 13 680 байта Благодаря предварително.
Игор Khromenkov
Границите на скрипт на максималния размер на файла не е налице, се опита да се регистрира марката. в .htaccess
Как да се мине два допълнителен текст параметър
i_am_dictator
Help. Например, когато добавяте статия, е необходимо да се приложи една дума файл, бих vospolzavatsya този бутон и кога се зарежда файла тя е публикувал линк към файла. Нещо като това
do0zy
abayevdv
Благодаря. Катерили един куп сайтове, добре, тези без ръце - грях да се закълна. И след това направо в устата си и да се дъвче. Благодарим Ви, че като цяло))))
Koneshnozhe прекрасен скрипт, прекрасно всичко ще се изпращат, но без да записвате данните в базата данни тя е безполезна.
Благодаря ви много за такъв прекрасен скрипт измисли записа в базата данни да се случи. Може би някой ще каже, където можете да видите галерия от снимки, като направи VKontakte?
igormrdoss
Направих правилното нещо, но тя работи във времето. След като обновите страницата.
zahermaher
Тя не работи. Всички снимки, възложени клас = "грешка" и те не се стартира изобщо. Това Mozilla, че в хром. Говоря за източниците казват.
zahermaher
и всички измисли. Между другото това е необходимо да се добавят към качване-file.php и друг в изходния си код, две многочленни маркери не са затворени в index.html:
До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!
Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!
Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.
Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!