İndirme Bağlantısı Nasıl Oluşturulur

Bazı şeylerin tam olarak dönmesi ilginç. Web'in ilk günlerinde, tarayıcılar resimler, PDF dosyaları ve belgeler gibi web sayfası olmayan dosyaların bağlantılarını otomatik olarak indiriyordu. Ardından, tarayıcılar o kadar gelişmiş hale geldi ki neredeyse her dosyayı gerçek zamanlı olarak açabildiler. Yine de bu, geliştiriciler için bir sorun yarattı. Bir tarayıcıyı bir dosyayı açmak yerine indirmeye nasıl zorlarsınız? Sorunu çözmek için bir dizi hack ve geçici çözüm ortaya çıktı, ancak hiçbiri gerçek bir çözüm değildi. Hepsi HTML5 ile değiştiğinde Özniteliği İndir tanıtılmıştı.

Artık geliştiriciler, tarayıcılara bir bağlantıyı hedef dosyayı açmak yerine indirme olarak ele almalarını söylemek için HTML bağlantı etiketlerine özel bir indirme özelliği ekleyebilirler. Tarayıcıların indirme bağlantılarınızı işleme şeklini kontrol etmek için İndirme Özniteliğini kullanmanın birkaç farklı yolu vardır. Daha da iyisi, tüm modern tarayıcılar İndirme Özniteliğini destekler, bu nedenle uyumluluk veya bir geri dönüş ihtiyacı ile ilgili herhangi bir sorun görmemelisiniz.

İndirme Özniteliğini kullanmanın birkaç farklı yolu vardır. Her birinin kendi avantajı vardır ve hepsi farklı tarayıcılarda sorunsuz bir şekilde çalışır.

Düz İndirme Özelliği

İndirme Özniteliğini kullanmanın en basit yolu, onu bağlantı etiketlerinize en temel biçiminde eklemektir. Ek bir dosya adı veya herhangi bir destekleyici bilgi eklemenize gerek yoktur. Sonuç şuna benzer:

<a href="/path/to/download.pdf" download> Şimdi İndirin! </a>

"İndir" seçeneğini ekleyerek, sayfayı okuyan herhangi bir tarayıcıya, hedef bağlantıyı açmak yerine indirmesini söylüyorsunuz. Bu durumda, tarayıcı dosyayı tam olarak aynı ada sahip olduğu gibi indirecektir.

Dosya Adının Değiştirilmesi

İsmi gerçekten değiştirmek isterseniz ne olur? Bunu yapmak isteyeceğiniz birçok durum var. Otomatik olarak oluşturulan dosya adları iyi bir örnektir. Genellikle saçma karakter dizileriyle gülünç derecede uzun isimlere sahiptirler. Ziyaretçileriniz için istediğiniz deneyim bu değil. İndirme Özelliği ile işleri standart hale getirebilirsiniz.

Bir dosya adı belirtmek için indirme özniteliğini buna eşit ayarlayın. Dosya uzantısını hariç tutun. Tarayıcı dosya türünü dönüştüremiyor ve dönüştüremiyor, bu yüzden denemenin bir anlamı yok.

<a href="/path/to/download.pdf" download="your-file"> Şimdi İndirin! </a>

Ziyaretçileriniz dosyayı dosyanız.pdf olarak indirecek.

Bir Görüntüyü İndirme

Bununla birlikte, kullanıcılarınızın resimleri doğrudan indirmesine izin vermenin basitleştirilmiş bir yolu geliyor. Bu devrim niteliğinde değildir ve muhtemelen kendiniz bir araya getirebilirsiniz, ancak indirilebilir bir resim bağlantısı oluşturmak için indirme özelliğini kullanabilirsiniz.

Sayfanızda normalde yapacağınız gibi bir görüntü oluşturarak başlayın. Elbette bu, indirilebilecek görüntü olacaktır.

<img src = "/ yol / / resim.jpg" alt = "resmim">

Ardından, görüntü yoluna bağlanarak her şeyi bir bağlantı etiketi içinde kapsülleyin.

<a href="/path/to/image.jpg">
<img src = "/ yol / / resim.jpg" alt = "resmim">
<a

Son olarak, indirme özniteliğini bağlantı etiketinize ekleyin. İsterseniz resminizin adını değiştirebilirsiniz.

<a href="/path/to/image.jpg" download="image-download">
<img src = "/ yol / / resim.jpg" alt = "resmim">
<a

Şimdi, bir ziyaretçi görseli tıkladığında, onu otomatik olarak doğrudan sunucunuzdan indirecek. Bu gerekli değildir ve bir geliştiriciye aşırı gelebilir, ancak kaç site ziyaretçisi bir görseli görüntülemek veya indirmek için bir görseli sağ tıklamayı düşünür?