Ajax űrlapot több fájlt feltölteni a jQuery
A mai lecke összpontosít létre a fájl letöltése a webhelyről, jQuery.
Előfordul, hogy a forma le több fájlt egyszerűen szükséges az alkalmazás, de nem olyan egyszerű feladat.
Hála a jQuery, ez a folyamat nagymértékben megkönnyíti.
Ebben a leckében a legújabb verzióját jQuery keretrendszer és plugint Ajax feltölteni () Andrew Valumsa. Mindketten a forráskódot ezt a leckét.
A demó nem terjedt át a szerver nem teher a különböző képeket a felhasználók számára. Meg lehet próbálni otthon - minden rendben.
Először is hozzunk létre a letöltés gombra, ha rákattint, megnyílik egy fájlválasztó ablakban
Használhatja bármelyik eleme a gombot. A fenti példában, szoktam div. Az alábbi stílusok voltak felhasználva:
Szintén a gomb mellett meg kell adni a span elem megjelenítéséhez különböző üzeneteket az indítás során. Megjelenítéséhez feltöltött fájlok a felhasználó, mint egy rendezetlen lista után a gomb került. Itt van a teljes kód:
Az alábbiakban egy egyszerű PHP kód, ami megjeleníti az üzenet „siker” a helyes rakodás, és a „hiba”
Kód Magyarázat: Ahhoz, hogy az AJAX feltöltés könyvtár, meg kell inicializálni, és ad neki lehetőséget. Az első paraméter az id a gombot, amely megnyomása a felhasználó. A második paraméter egy script, ami megbirkózik a terhelést. A második paraméter lehet venni egy sor különböző lehetőségek, hogy több ellenőrzése alatt a folyamat.
Így is történt.
- akció - az utat a script a szerver oldalon
- neve - a fájl nevét belépését a sejtbe, amely lehet tölteni
- onSubmit - lehetővé teszi, hogy olyan funkciót letöltés előtt. Például ellenőrizheti a fájl kiterjesztését, amint megtörtént.
- onComplete - ez lehetővé teszi, hogy műveleteket végeznek a letöltés után. Például megjeleníti a betöltött képet a felhasználó számára.
Köszönjük a figyelmet!
Ma szeretném megosztani néhány ötletet érintő hatása a blokk-ben nyílt, amelynek segítségével azok a projektek.
Ha azt szeretnénk, hogy jelentősen növelje a biztonságot a webhely a WordPress, akkor nem kerülheti el a .htaccess fájl összeállításban. Ez nem csak védi magát a több hacker támadások, hanem szervezni az átirányítás, valamint, hogy megoldja a problémákat, amelyek a cache-t.
Material Design - ez a tendencia egyre nagyobb lendületet a Google. Ebben a gyűjteményben összeállított ingyenes WordPress témák, végre ebben a stílusban.
Hatások, hogy ott lenyűgözni a látogatókat. Ebben a gyűjteményben össze több tucat erőforrás, amelynek készítői nagyon igyekezett lenyűgözni a látogatókat.
A végén a hónap kínálunk, hogy megismerjék egy sor ingyenes anyagok a webes tervezők az elmúlt hónapban.
hűvös, szánkózás Veri mérkőzés!
>> Demo nem terjedt át a szerver nem tölti be a képeket a különböző felhasználók számára. Meg lehet próbálni otthon - minden rendben. Lehet egy leckét nem terjed. Milyen tanulságokat pontszám szerver. Általában, legyen minden a Google. Kód talált a Google működik. Jellemzően, az ilyen rendszerek nagyon problematikus fájlletöltést. A letöltés után a szerver mindig igényel hosszú beállítás, akkor az adósság hibaelhárítás, majd bejelentés egy fájlt hozzon létre egy könyvtárat különleges hozzáférést, adja meg az utat, hogy mentse a fájlokat. Ahhoz, hogy mindezt csak azért, hogy a kód működik - nem nagyon kívánatos.
stark44
minden működik konfiguráció nélkül, az úgynevezett „Ne próbálja meg, de nem hagyja jóvá”
Hmm érdemes zakomentit onSubmit: a hajó és minden, amit szeretnék)))!
Nagyon szükséges script. Köszönöm szépen!
Nem működik az új jQuery 1.6. Hogyan kell kezelni.
Srácok, kérem, mondja meg, hogyan kell kiválasztani több fájlt. Előre is köszönöm!
Egy jó ember, kérem, mondja meg, hogyan kell csinálni, ami betölthető fájlokat véletlenszerű neveket?
$ Filename - a régi név faly
Mi helyett a szöveg: hogy a kép „boot animáció”?
Igor Khromenkov
Cserélje status.html (
És hogyan kell hozzáadni JS kód törlése képeket, ha rákattint a valami ikon, miután a kijelző onComplete?
mondja meg, hogyan lehet megjeleníteni a hiba szövegét? azaz Megjelenítéséhez fájlnév nem hogy nem sikerült betölteni, és egy üzenet, amely leírja, mi a hiba
mishakokhanych
Segítség! hogyan lehet növelni a méretét a feltöltött fájl. El kell feltölteni akár 50 MB, nem felel meg a 13680 bájt Köszi előre.
Igor Khromenkov
A script korlátozza a maximális méretét a fájl nem található, próbálja meg a bejelentett védjegy. .htaccess
Hogyan át két további szöveges paraméter
i_am_dictator
Súgó. Például, ha hozzá egy cikket, szükséges csatolni egy szót fájlt, azt vospolzavatsya ezt a gombot, és amikor betölti a fájlt ő írt egy linket a fájlt. Valami ehhez hasonló
do0zy
abayevdv
Köszönöm. Felmászott egy csomó helyszínek, nos, azok kéz nélkül - bűn esküszöm. Majd egyenesen a szájába, és rágják. Köszönöm általában))))
Koneshnozhe csodálatos forgatókönyvet, csodálatos minden fog szállítani, anélkül azonban, hogy az adatok mentése az adatbázisba ez haszontalan.
Nagyon köszönöm, hogy egy ilyen csodálatos forgatókönyvet rájöttek a rekordot az adatbázishoz fordul elő. Lehet, hogy valaki megmondja, ahol látható a galéria képek, mint tette vkontakte?
igormrdoss
Azt nem a helyes dolgot, de működik az időben. Miután frissíteni az oldalt.
zahermaher
Ez nem működik. Minden fotó rendelt class = „error”, és nem indul egyáltalán. Hogy a Mozilla, hogy króm. Arról beszélek, hogy a források szerint.
zahermaher
és mindent kitaláltam. úgy, ahogy kellett hozzá, hogy a feltöltés-file.php és a másik a forráskódban, két span-címkék nem zárt index.html:
Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!
Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!
Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!