HTML5 sisälsi kaikki uudet sovellusliittymät, uudet panostyypit ja attribuutit lomakkeille. Kuten usein, nämä suuret lisäykset usein peittävät pienet päivitykset ja mielestäni tämä pätee erityisesti latausominaisuuteen.
Kuten tiedät, on joitain tiedostoja, joita selain ei lataa automaattisesti; kuvia, muita verkkosivuja ja riippuen selaimesi asetuksista, joskus jopa PDF-tiedostoista. Latausominaisuus antaa selaimelle natiivi tapa ladata nämä tiedostot automaattisesti ilman, että JavaScriptin on pakko jättää takaisin. Tämä on todella hyödyllinen sovelluksille, jotka käsittelevät kuvien lataamista, kuten kuvankäsittelylaitteita.
Koska latausominaisuus ei käytä minkäänlaisia komentosarjoja, se on yhtä yksinkertainen kuin lisätä attribuutin linkkiisi:
var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}Kun otetaan huomioon kaikki HTML5: een lisätyt ominaisuudet, latausominaisuus on hyvin pieni osa, mutta mielestäni se on myöhäisessä vaiheessa määritelty ominaisuus, ja se on ehdottomasti käytössä nykyisissä sovelluksissa käytettävyyden ja yksinkertaistamisen kannalta.
Oletko toteuttanut latausominaisuuden? Mitkä ovat HTML5: n käyttämättömiä sankareita? Kerro meille kommentit.
![]( myFolder / myImage.png "download> Lataa kuva </a></pre></div><p> Tämä ominaisuus on hienoa, että voit jopa määrittää nimeksi ladattavaksi tiedostoksi, vaikka se ei ole palvelimesi nimi. Tämä sopii hyvin sivustoille, joilla on monimutkaisia tiedostonimiä tai jopa dynaamisesti luotuja kuvia, jotka haluavat tarjota yksinkertaisen ja käyttäjäystävällisen tiedoston nimen. Jos haluat antaa nimen, lisäät vain yhdenvertaisen merkin, jota seuraa nimi, jota haluat käyttää ympäröimänä lainausmerkkeinä, kuten: </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 "> Lataa kuva</a></pre></div><p> Huomaa, että selaimessa lisätään automaattisesti oikea tiedostopääte ladatulle tiedostolle, joten sinun ei tarvitse sisällyttää attribuutin arvoon. </p><p class=clearrow></p><h2> Selaintuki </h2><p> Tällä hetkellä vain Chrome 14+ ja Firefox 20+ tukevat latausominaisuutta, joten joudut ehkä palauttamaan joitain yksinkertaisia JavaScript-koodeja havaitsemaan, onko attribuutti tuettu. Voit tehdä näin näin: </p><div class=pre-wrap><pre><code class=){kind=link}