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.
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır.

9658

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