Το HTML5 συνοδεύτηκε από όλα τα νέα API, τους νέους τύπους εισόδου και τα χαρακτηριστικά για τις φόρμες. Όπως συμβαίνει συχνά, αυτές οι σημαντικές προσθήκες συχνά αποκρύπτουν τις μικρές αναβαθμίσεις και νομίζω ότι αυτό ισχύει ιδιαίτερα για το χαρακτηριστικό λήψης.
Όπως γνωρίζετε, υπάρχουν ορισμένα αρχεία που το πρόγραμμα περιήγησης δεν μεταφορτώνει αυτόματα. εικόνες, άλλες ιστοσελίδες και ανάλογα με τις ρυθμίσεις στο πρόγραμμα περιήγησής σας, μερικές φορές ακόμη και PDF. Το χαρακτηριστικό λήψης δίνει στο πρόγραμμα περιήγησης έναν εγγενή τρόπο για να κατεβάσετε αυτόματα τα αρχεία αυτόματα, χωρίς να χρειάζεται να επιστρέψετε στο JavaScript. Αυτό είναι πραγματικά χρήσιμο για οποιαδήποτε εφαρμογή που ασχολείται με τη λήψη εικόνων, όπως τοποθεσίες μεταφόρτωσης εικόνων.
Δεδομένου ότι το χαρακτηριστικό λήψης δεν χρησιμοποιεί δέσμες ενεργειών οποιουδήποτε είδους, είναι τόσο απλό όσο η προσθήκη του χαρακτηριστικού στο σύνδεσμό σας:
var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}Λαμβάνοντας υπόψη όλα όσα έχουν προστεθεί στο HTML5, το χαρακτηριστικό λήψης είναι ένα πολύ μικρό κομμάτι, αλλά κατά τη γνώμη μου είναι ένα χαρακτηριστικό που ήταν καθυστερημένο και έχει σίγουρα τις χρήσεις του στις σημερινές εφαρμογές τόσο για χρηστικότητα όσο και για απλοποίηση.
Έχετε εφαρμόσει το χαρακτηριστικό λήψης; Ποιοι είναι οι ηγέτες σας της HTML5; Ενημερώστε μας στα σχόλια.
Προτεινόμενη εικόνα / μικρογραφία, λήψη εικόνας μέσω Shutterstock.
![]( myFolder / myImage.png "λήψη> Κατεβάστε την εικόνα </a></pre></div><p> Αυτό που είναι εξαιρετικό για αυτό το χαρακτηριστικό είναι ότι μπορείτε να ορίσετε ένα όνομα για το αρχείο που μπορείτε να το κατεβάσετε, ακόμα και όταν δεν είναι το όνομα του διακομιστή σας. Αυτό είναι ιδανικό για ιστότοπους με σύνθετα ονόματα αρχείων ή ακόμα και δυναμικά δημιουργούμενες εικόνες που θέλουν να παρέχουν ένα απλό και εύχρηστο όνομα αρχείου. Για να δώσετε ένα όνομα, προσθέτετε ένα σύμβολο ίσων τιμών, ακολουθούμενο από το όνομα που θέλετε να χρησιμοποιήσετε, το οποίο περιβάλλεται σε εισαγωγικά, όπως π.χ.: </p><div class=pre-wrap><pre><code class=){kind=link}
![var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}]( myFolder / reallyUnnecessarilyLongAndComplicatedFileName.png "λήψη =" myImage "> Λήψη εικόνας</a></pre></div><p> Σημειώστε ότι το πρόγραμμα περιήγησης θα προσθέσει αυτόματα την σωστή επέκταση αρχείου στο ληφθέν αρχείο, οπότε δεν χρειάζεται να το συμπεριλάβετε στην τιμή του χαρακτηριστικού σας. </p><p class=clearrow></p><h2> Υποστήριξη προγράμματος περιήγησης </h2><p> Αυτήν τη στιγμή, μόνο το Chrome 14+ και το Firefox 20+ υποστηρίζουν το χαρακτηριστικό λήψης, επομένως ίσως χρειαστεί να επιστρέψετε σε κάποιο απλό JavaScript για να ανιχνεύσετε εάν υποστηρίζεται το χαρακτηριστικό. Μπορείτε να το κάνετε έτσι: </p><div class=pre-wrap><pre><code class=){kind=link}