Dosya Seçerken Filtreleme İşlemi Yapmak (accept)

Örneğin fotoğraf yükleteceğiniz bir alanda gözat butonuna bastığında bilgisayarda ki tüm dosyaların değilde sadece fotoğraf olan görsellerin listelenmesi her zaman yükleyen kişiye bir avantaj sağlar ve buda sitenizde olumlu feedback’ler demektir 🙂 Bu yüzden sitenizi kullanan kişileri fazla yormamak en sağlıklısıdır. Yani bir profil fotoğrafı yüklemek için binlerce dosyanın içerisinde küçücük bir imaj dosyasını aratmaktansa sadece imaj dosyalarını göstermek çok daha mantıklıdır öyle değil mi?

İşte bunu html‘de bulunan accept niteliği ile yapabiliyoruz.

Alabileceği değerler

  • audio/* —— Tüm ses dosyaları
  • video/* —— Tüm video dosyaları
  • image/* —— Tüm resim dosyaları
  • Mime Tipleri —— Gözatmak için tıklayın!


Kullanımı

<input type="file" accept="image/*" />
ya da 
<input type="file" accept="text/html, image/png" />

Yayınlayan

Tayfun Erbilen

2009’dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“Dosya Seçerken Filtreleme İşlemi Yapmak (accept)” üzerine 5 yorum

  1. Çok faydalı bir bilgi. Fakat unutmamalı ki bu bir güvenlik önlemi değildir, kolay kullanıma yönelik geliştirilmiş bir filtrelemedir. 🙂

  2. Elbette muhammed 🙂 Zaten bunun bir güvenlik önlemi olduğunu düşünenler bu dili terk etsinler rica ederim.

  3. Çok teşekkürler bu arada Windowsta da aynı işlemi uyguluyor. Yani direk resim veya html dosyalarını göstermek yerine mac te ki gibi select işlemi çıkıyor

  4. Bu gönderilere birer like butonu gerek Tayfun 🙂 Çok güzel bir bilgilendirme olmuş teşekkürler.
    İşini bilen kişi zaten bunu güvenlik önlemi olarak görmez 🙂 aslına bakılırsa bir güvenlik önlemi ama standart kullanıcılara yönelik bir güvenlik önlemidir. Yoksa işi bilen herkes bunun kullanılacağı alanı bilir.
    İlginç olan bunun HTML5 yeniliği değil daha önceden var olması 🙂 demek ki html'i baya yüzeysel öğrenmişiz.

  5. Gerçekten çok faydalı ve başka yerlerde bulamadığımız bilgiler veriyorsun. Çok teşekkür ederim. Takipteyim ^^

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir