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>

Not: PDF veya Resim dosyasına işaret eden bir bağlantıyı tıklattığınızda, dosya doğrudan sabit diskinize indirilmez. Dosyayı yalnızca web tarayıcınızda açar. Ayrıca, sabit sürücünüze kalıcı olarak kaydedebilir veya indirebilirsiniz. Pdf dosyalarda açılan dosyada indir işaretini tıklayın Resimlerde ise açılan resmin mause'un sol tuşuna tıklayın Resmi farklı kaydete tıklayın.

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
download Niteliğini Eski tarayıcılar tanımamakta kullanırken dikkate alın.

Afgan Gasimov 16/06/2020

Yaptığım html sayfasını Google nasıl yerleştiririm? Linki nasıl vere bilirim? Lutfen cevab verin... Tesekkurler...

yönetici 17/06/2020

Googl'a "google site ekleme" diye aratma yap sitene .xml dosya oluştur. googla "xml dosya oluştur" yaz arat linkleri bu dosyaya ekleyeceksin "online xml oluşturma" diyede aratma yap.

zehre yılmaz 07/06/2021

selamün aleyküm

yönetici 09/06/2021

aleyküm selam.

Mustafa 03/10/2021

Hocam müzik kaynağı olarak localden değilde örneğin google driveden aldğım müzik linkiyle veya yotubeden veya firebasedaki kayıtlı müziklerimden oynatmak istiyorum. Böyle bir şey mümkün mü. Baya bir araştırdım sadece iframe ile yerleştirebildim yalnız buda içeriği bozuyor. Yani Kısaca Audio tagının src sine url verip müziği oynatabilrimiyim. Yardımlarınızı bekliyorum. Teşekkürler

yönetici 07/10/2021

Mustafa, bu konu için bilgim yok araştırmadım olsa bile javascript ile olur. iframe ile çalışıyor diyorsun site düzenini bozmaması için gizleyebilirsin.

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


        

Ozan 12/01/2022

Merhaba yaşım küçük ve bu siteden site yapımı için yardım alıyorum. Teşekürler Webcebir.com

BestTurkey 14/01/2022


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

bu kod çalışmıyor indirmeyi nasıl yapıcam?

yönetici 14/01/2022

Resmin üzerine gel mouse ile sağ tıkla, Resmi farklı kaydet diyerek yüklersin. illa download linkli olsun diyorsan resmi sıkıştır öyle link ver.
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

9340

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
  • Git
  • React
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML FORM OLUŞTURMA
  • CSS YATAY MENÜ YAPIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML DİV ve SPAN NEDİR?
  • HTML ARKAPLANA MÜZİK EKLEME
  • KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.