Input File Dosya Sınırlaması

05.08.2017
• Yazilim
input file
Web sunucusuna herhangi bir dosya yüklemek için HTML kod tarafında <input type="file"> html elemanını kullanırız.

Input file elamanına sınırlama koymaz isek her türlü dosyayı kabul eder.

Yalnızca *.jpg, *.gif gibi uzantılara sahip dosyaları yüklemek istiyorsanız accept etiketinde bir filtrasyon yapmanız gerekmektedir.

Input File Dosya Sınırlamasına Kesin Çözüm Sağlar mı ?

Aslında bunu standart giriş kontrolü kullanarak gerçekleştirmek pek mümkün değildir. Sık kullanılan teknikler arasında dosyanın türünün ne olduğunu sunucu tarafında doğrulanması vardır. Ayrıca, bir dosyanın mutlaka resim dosyası olması için dosya uzantısını doğrulamak da bize o dosyanın kesin resim dosyası olduğunu garanti etmez. Örneğin kullanıcının çalıştırılabilir bir dosyayı .jpg olarak yeniden adlandırması pek tabi mümkündür. Ancak aşağıda verilen kodlar, yüklenecek dosyanın ne olması gerektiği hakkında client tarafında kullanıcıyı sınırlayabilir.

Input File Resim Türleri

<input type="file" name="myImage" accept="image/x-png,image/gif,image/jpeg">

<input type="file" accept=".png, .jpg, .jpeg">

Input File Tüm Resim Dosyalarını Kabul Etmesi İçin

<input type="file" name="myImage" accept="image/*">

Input File Excel Dosyaları .xls, .xlsx, .csv


<input type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">

Input File Sadece CSV Dosyaları (.csv)


<input type="file" accept=".csv">

Input File Sadece Excel Dosyaları 97-2003 (.xls)


<input type="file" accept="application/vnd.ms-excel">

Input File Sadece Excel Dosyaları 2007+ (.xlsx)


<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">

Input File Sadece Text Dosyaları (.txt)


<input type="file" accept="text/plain">

Input File Sadece HTML Dosyaları (.htm,.html)


<input type="file" accept="text/html">

Input File Sadece Video Dosyaları (.avi, .mpg, .mpeg, .mp4)


<input type="file" accept="video/*">

Input File Sadece Audio Dosyaları (.mp3, .wav, etc)


<input type="file" accept="audio/*">

Input File Sadece PDF Dosyaları


<input type="file" accept=".pdf">