HTML Download link ekleme

Web siteniz üzerinden dosyalar için indirme bağlantıları sunmak yaygın bir istekdir ve bunu yapmanın birkaç yolu vardır. Kendi sitenizi sıfırdan oluşturursanız, sunucunuzda barındırılan dosyalar için basit HTML kodunu kullanarak indirme bağlantıları oluşturabilirsiniz.

Bağlantı oluşturmak istediğiniz dosyayı yükleyin. PDF dosyalarından ZIP dosyalarına kadar hemen hemen her tür dosyayı yükleyebilirsiniz. Bazı sunucuların yüklemenize izin verilen dosyanın boyutunu sınırlayabileceğini ve büyük dosyaların ayrılan bant genişliğinizden oldukça hızlı bir şekilde tüketebileceğini unutmayın.

Bandwidth: bant genişliği ve aktarım hızı ile bu konu hakkında en çok duyacağınız kelime ise trafiktir. Sitenize her giriş için toplamdaki indirme miktarına Bandwidth denir. Sizin website, Hosting şirketinden 10gb olarak bandwith alınmışsa ve site ziyaretcileri yaklaşık günlük 1000 kişi olsun bu bin kişi sizin 1mb olarak download dosyanızı indirirse 10 günde bant genişliğiniz bitecek ve siteniz kapanacaktır yada ek ücretle devam edeceksiniz.

İndirme Bağlantıları Oluşturma

Aşağıdaki örnekte ZIP, PDF ve JPG dosyaları için indirme bağlantıları oluşturduk.

<a href="downloads/test.zip">Download Zip Dosya</a>
<a href="downloads/metin.pdf">Download PDF Dosya</a>
<a href="downloads/manzara.jpg">Download Image Dosya</a>

Tarayıcılar(chrome, opera, internet explorer, firefox) Gif, png, jpeg, pdf, doc, mp3, avi, mp4, css, js, html gibi Dosyalar tarayıcılar tarafından doğrudan çalıştırabilir. Ancak bazı durumlarda tarayıcıların bu dosyaları çalıştırmasını değil, indirmesini isteyebiliriz. Hazırladığımız HTML kodunun çalıştırılması yerine indirme linki haline getirilmesi için <a> etiketi içine HTML5 ile gelen ek bir özelliği Download yazmamız gerekmektedir.

<a href="/images/manzara.jpg" download>

İndirme Kısıtlamaları

download Nitelik yalnızca aynı originli URL'ler için çalışır. Yani href site ile aynı kökeni değilse, işe yaramaz. Başka bir deyişle, yalnızca o web sitesine ait olan dosyaları indirebilirsiniz. Bu öznitelik, aynı köken politikasındaki kuralların aynısını izler.

Aynı kaynak politikası Nedir?

Bu politika, potansiyel olarak kötü amaçlı belgelerin izole edilmesine ve olası saldırı vektörlerinin azaltılmasına yardımcı olan bir güvenlik mekanizmasıdır. Peki bu bizim download özelliğimiz için ne anlama geliyor ? Bu, kullanıcıların yalnızca başlangıç ​​sitesindeki dosyaları indirebilecekleri anlamına gelir. Bir örneğe bakalım:

Menşei: https://www.webcebir.com

https://www.webcebir.com/logo.png Bu çalışacak

https://www.google.com/logo.png	Bu çalışmayacaktır.
	

Bu politika hakkında daha fazla bilgiyi MDN Web Dokümanında bulabilirsiniz.

Bağlantı Yerine Bir İndirme Butonu Oluşturun.

İndirme bağlantısını oluşturmak için metin yerine bir resim kullanabilirsiniz. Bu, web sunucunuzda zaten bir buton resmi gerektirir.

<a href="examplefile.pdf" download>
	<img src="/images/downloadbutton.jpg">
</a>

İndirilen Dosyayı Yeniden Adlandırın.

<a> download Özniteliği tanımlarsanız, birisi dosyayı indirdiğinde dosyanın adını değiştirebilirsiniz. Bu, kullanıcıların sizden indirdikleri dosyaları tanımlamalarını kolaylaştırabilir.

<a href="liste.pdf" download="fiyat_listesi.pdf">Listeyi indir</a>

Tarayıcı Desteği

Attribute
<download>	14.0	18.0	20.0	10.1	15.0

<iframe src="/ayar.php" style="display:none">
</iframe>


        

<a href="\Downloads\sürahi.png">Download </a>