HTML5, tüm yeni API'lar, yeni giriş türleri ve formlar için özellikler ile birlikte geldi. Çoğu durumda olduğu gibi, bu büyük eklemeler genellikle küçük yükseltmeleri göz ardı ediyor ve bunun özellikle indirme özniteliği için geçerli olduğunu düşünüyorum.
Bildiğiniz gibi, tarayıcının otomatik olarak indirmediği bazı dosyalar var; görüntüler, diğer web sayfaları ve tarayıcınızdaki ayarlara bağlı olarak, bazen de PDF'ler. İndirme özniteliği, tarayıcıya JavaScript'e geri dönmek zorunda kalmadan, bu dosyaları otomatik olarak indirmenin yerel bir yolunu sunar. Bu, resim yükleme siteleri gibi görüntülerin indirilmesiyle ilgilenen herhangi bir uygulama için gerçekten yararlıdır.
İndirme özniteliği herhangi bir türde komut dosyası kullanmıyor olduğundan, bağlantıya özniteliği eklemek kadar basittir:
var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}HTML5'e eklenen her şeyi göz önünde bulundurarak, indirme özelliği çok küçük bir bölümdür, ancak bence bu, uzun vadede gecikmiş bir özelliktir ve bugünün uygulamalarında kesinlikle hem kullanılabilirlik hem de basitleştirme için kullanımlarına sahiptir.
İndirme özelliğini uyguladınız mı? HTML5’teki unsung kahramanlarınız nelerdir? Yorumlarda bize bildirin.
Öne çıkan görsel / küçük resim, görüntü indir Shutterstock üzerinden.
![]( myFolder / myImage.png "indir> Görüntüyü indir </a></pre></div><p> Bu özellik hakkında harika olan şey, sunucunuzdaki ad olmasa bile, indirilebilir dosya için bir ad bile belirleyebilirsiniz. Bu, karmaşık dosya adlarına sahip siteler veya hatta basit ve kullanıcı dostu bir dosya adı sağlamak isteyen dinamik olarak oluşturulmuş resimler için idealdir. Bir isim vermek için, sadece bir eşittir işaretini ekledikten sonra kullanmak istediğiniz isimle tırnak içine alın, böylece: </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 "> Resmi indir</a></pre></div><p> Tarayıcının indirilen dosyaya doğru dosya uzantısını otomatik olarak ekleyeceğini, dolayısıyla bu özelliği kendi özellik değerinize eklemeniz gerekmediğini unutmayın. </p><p class=clearrow></p><h2> Tarayıcı desteği </h2><p> Şu anda yalnızca Chrome 14+ ve Firefox 20+ indirme özelliğini desteklemektedir. Bu nedenle, özelliğin desteklenip desteklenmediğini saptamak için bazı basit JavaScript'lere geri dönmeniz gerekebilir. Bunu böyle yapabilirsin: </p><div class=pre-wrap><pre><code class=){kind=link}