HTML5 download özniteliği

12 Aralık 2014

HTML’de bir dokümanı kullanıcıya indirtmek için bir bağlantı verdiğimizde parantez içinde “sağ tılayın ve çıkan menüden farklı kaydet’e basın” ibaresini yazardık. Bu konuda farklı çözümler var; tarayıcıya eklenti kuranlar, .htcacces’den ayar yapanlar filan. Tabi kullanıcılar için çok iyi bir deneyim değil ve kod yazanlar için ayrı bir uğraş gerektiren çözümler. W3C bunu fark etmiş olmalı ki bize basit ve güzel bir çözüm üretmiş.

HTML5 download özniteliği

Kullanımı çok basit;

<a href="dersin_dokumani.pdf" download>Dersi indir</a>

Yukarıda görüldüğü gibi gayet basit bir çözüm var.

Ayrıca bu özniteliğe bir değer atayıp indirilen dosya ismini belirleyebiliyoruz.

<a href="dersin_dokumani.pdf" download="html5">Dokümanı indir</a>

Dinamik üretilen bağlantılar için güzel bir çözüm bence;

<a href="rapor_20141223.pdf" download="rapor">Raporu indir</a>

Ayrıca inidirilecek dokümanın formatını değiştirebiliyoruz.

<a href="http://fatihhayrioglu.com/last-child-secisi/index.html" download="last_child.txt">last-child seçicisi makalesini indir(txt)</a>

Örnek: last-child seçicisi makalesini indir(txt)

Dosya eğer bağlantı ile aynı domain değilse Firefox eski indirme alışkanlıklarına dönüyor.

Tarayıcı Desteği

Chrome explorer Firefox
14 - 20

Mobil Tarayıcılar

Android Mobil Safari Chrome
4.4 - 39

Kaynaklar

jQuery'ye büyük darbe Javascript ve seçiciler

jQuery'nin en büyük avantajlarından birisi seçici kullanımının basitiliğidir. CSS seçicilerini javascript'e kazandıran bu kullanım kolayl...… Devamını oku

jQuery'den kurtulma seansları. sınıf (class) işlemleri

17 August 2017 tarihinde yayınlandı.

jQuery'nin sonu mu geldi?

14 July 2017 tarihinde yayınlandı.