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

HTML Öznitelikleri ve DOM özellikleri

**DOM (Belge Nesnesi Modeli)** HTML ile javascript'i birbirine bağlar. DOM, HTML dokümanındaki tüm elamanları ağaç yapısı mantığıyla nesn...… Devamını oku

CSS3 ile resimleri oranını koruyarak sığdırma

20 November 2017 tarihinde yayınlandı.

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

21 September 2017 tarihinde yayınlandı.