Cel mai bun mod de a încărca fișiere în javascript, comandă pixeli

De obicei, mediul HTML utilizează două moduri de a apela sarcina. window.open și faceți clic pe linkul către fișier. Fiecare dintre căi este greșită. În căutarea tehnologiei universale, s-au găsit câteva soluții interesante, toate împreună făcând cea mai bună metodă de descărcare a fișierelor de la JS.







Să începem cu o metodă simplă de încărcare a unui fișier prin window.open:

Această funcție va funcționa peste tot, dar cu o serie de deficiențe:

  • În Chrome și Safari, după operație, va exista o fereastră goală;
  • Dacă fișierul de tip de conținut presupune că fișierul nu este descărcat, acesta va fi afișat în fereastra deschisă.






Ce putem face?

Argumentul "_self" pentru window.open

Eliminați fereastra enervantă din Chrome și Safari prin adăugarea argumentului "_self" la window.open:

Dacă faceți clic pe link, de asemenea, nu provoacă problema de mai sus cu o fereastră goală și, deși clic este o operație de utilizator, nimeni nu ne împiedică să creăm o legătură virtuală și practic clic pe ea pentru a genera un eveniment mouse.

Adăugați un cod de clic virtual pentru crom și safari, lăsând în urmă o definiție banală a browserului:

Atributul de descărcare HTML5 și ignorarea tipului de conținut Ce altceva poate provoca deranjul utilizatorului? De exemplu, atunci când încărcați un fișier HTML sau PNG, acesta se deschide în browser. Acest lucru poate fi evitat prin adăugarea atributului de descărcare la linkul nostru virtual. care a apărut în HTML5 și servește pentru a indica browserului natura "descărcare" a link-ului. Valoarea atributului este numele final al fișierului descărcat, iar href este URL-ul sursă. Codul final al modulului download.js:







Articole similare

Trimiteți-le prietenilor: