alexa  Menu
HTML 5 indirme özelliği - download.
HTML 5 indirme özelliği – download.

  19.01.2016 ,   yorum yapılmadı ,   1.270 kez okundu.

Bazı internet sayfalarında özellikle resim / fotoğraf sitelerinde fotoğrafı indirme linklerinin bulunduğunu görmüşsünüzdür. Fotoğrafı görüntülemek tamam, fotoğrafa link vermek de kolay. Fakat Fotoğrafa link verdiğimizde üzerine tıklayınca yine aynı sayfada fotoğraf görüntüleniyor.

HTML5 ile kısacık bir kod/etiket ekleyerek fotoğraf indirme düğmesi yapmak çok kolay aslında. Yapmamız gereken sadece bir fotoğraf eklemek, fotoğrafın linkine download etiketini yazmak o kadar. Örnek olarak aşağıdaki kodları inceleyebilirsiniz:

Yukarıda paylaştığım kod her zaman kullandığımız fotoğraf ve fotoğrafa verilen linki belirtiyor. Bu kodu biraz daha farklı yazmak gerekirse, örneğin fotoğrafı gösterip altında fotoğraf indir yazarak indir linkine tıkladığımızda fotoğrafı direk bilgisayara indirme işlemini başlatabiliriz:

Sonuç aşağıdaki gibi olacaktır:


Kaynak: W3Schools

1 yıldız2 yıldız3 yıldız4 yıldız5 yıldız (No Ratings Yet)
Loading...

Yorum yapın..