HTML5 est fourni avec toutes les nouvelles API, les nouveaux types d'entrée et les attributs des formulaires. Comme souvent, ces ajouts majeurs masquent souvent les mises à niveau mineures et je pense que cela est particulièrement vrai pour l'attribut de téléchargement.
Comme vous le savez, le navigateur ne télécharge pas automatiquement certains fichiers; images, d'autres pages Web et selon les paramètres de votre navigateur, parfois même des PDF. L'attribut download permet au navigateur de télécharger ces fichiers automatiquement, sans avoir à utiliser JavaScript. Ceci est vraiment utile pour toute application qui traite le téléchargement d'images, telles que les sites de téléchargement d'images.
Étant donné que l'attribut download n'utilise aucun script, il est aussi simple que d'ajouter l'attribut à votre lien:
var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}Compte tenu de tout ce qui a été ajouté à HTML5, l'attribut de téléchargement est une très petite partie, mais à mon avis, il s'agit d'un attribut attendu depuis longtemps et qui a certainement son utilité dans les applications d'aujourd'hui pour la facilité d'utilisation et la simplification.
Avez-vous implémenté l'attribut de téléchargement? Quels sont vos héros méconnus de HTML5? Faites le nous savoir dans les commentaires.
Image / vignette en vedette, télécharger l'image via Shutterstock.
![]( myFolder / myImage.png "download> Télécharger l'image </a></pre></div><p> Ce qui est bien avec cet attribut, c'est que vous pouvez même définir un nom pour le fichier téléchargeable, même si ce n’est pas le nom de votre serveur. Ceci est idéal pour les sites avec des noms de fichiers complexes, ou même des images créées dynamiquement, qui veulent fournir un nom de fichier simple et convivial. Pour fournir un nom, il vous suffit d'ajouter un signe égal, suivi du nom que vous souhaitez utiliser entouré de guillemets, comme ceci: </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 "download =" myImage "> Télécharger l'image</a></pre></div><p> Notez que le navigateur ajoutera automatiquement l'extension de fichier correcte au fichier téléchargé, vous n'avez donc pas besoin de l'inclure dans la valeur de votre attribut. </p><p class=clearrow></p><h2> Support du navigateur </h2><p> Actuellement, seuls Chrome 14+ et Firefox 20+ prennent en charge l'attribut de téléchargement. Il est donc possible que vous deviez utiliser un simple JavaScript pour détecter si l'attribut est pris en charge. Vous pouvez le faire comme ceci: </p><div class=pre-wrap><pre><code class=){kind=link}