picătură de descărcări Trageți

Bine ai venit! În acest tutorial vă voi arăta cum să încărcați fișiere asincronă la server, în acest caz, astfel încât selectarea fișierului ar putea face trăgându-l într-o anumită zonă a paginii. Astfel asincron descărcarea fișierelor se numește Trageți de descărcări de picătură și este o soluție foarte interesantă, care a fost folosit pe mai multe site-uri web. Ei bine, dacă încă nevoie de un download regulat, vă puteți gândi la o lecție despre imaginile de încărcare pe server PHP.

Pentru a începe cu, desigur, trebuie să creați un element care va „prinde“ fișierul. În plus, am loc în tag-element de interval pentru a afișa starea de descărcare și mesajele de intrare pentru tipul de fișier. nu pentru a limita alegerea unui fișier doar prin glisare și fixare, precum și permite utilizatorilor să selecteze un fișier făcând clic pe zona desemnată. Proiecția frontală a acestei structuri este prezentată mai jos.

CSS pentru acest cod HTML cufundată, cu excepția intrare câmp decor:

Doar descrie cele două clase, care atunci când sunt adăugate la zona de „captura“ fișierul va semnala descărcarea cu succes a unui fișier sau pe același, în cazul unei astfel de erori:

Acum putem trece la scrierea „acțiunea“ a paginii noastre. Pentru început, vom scrie în referințe variabile la obiecte, la care ne vom destul de des, vă rugăm să contactați:

După aceea, vom scăpa de evenimentele implicite în contact cu cursorul în zona noastră primesc un fișier, după cum urmează:

Apoi, atribuiți un eveniment pentru selectarea fișierelor manipulant, cum ar fi în scădere, iar alegerea prin intrarea câmpului:

În ambele cazuri, evenimentul se încheie cu o funcție de apel sendfile. care este transmis din fișierul de utilizator.

Această funcție este responsabil pentru transferul de serverul de fișiere. Descrierea sa poate fi vazut mai jos.

După cum puteți vedea, înainte de a trimite date către server a stabilit două evenimente, dintre care primul este responsabil pentru afișarea progresului de descărcare, iar a doua pentru notificarea descărcării. Acestea funcționează după cum urmează:

Etapa finală va fi procesarea serverului de date:

La acest scris asincron script-ul de încărcare priponul trăgându finalizat. Vă mulțumesc pentru atenție!