یکی از امکانات اضافه شده در HTML5 امکان دسترسی به برخی مشخصات فایل‌های در حال آپلود است.

جاوااسکریپت

یکی از این ویژگی‌ها، حجم فایل است که تنها پس از انتخاب فایل توسط کاربر قابل دسترسی است.

برای این منظور با استفاده از jQuery یا Javascript می‌توانیم حجم فایل را بررسی کنیم و در صورت کم یا زیاد بودن، جلوی آپلود را بگیریم.

لازم به یادآوری نیست که بررسی حجم فایل آپلودی در دو زمان ممکن است، یا پس از انتخاب شدن فایل توسط کاربر و یا پیش از انجام Submit

بررسی اندازه فایل با استفاده از جی‌کوئری

var file = $( '#file' )[0];

if( file.files.length && file.files[ 0 ].size > 500 * 1024 ) {
	alert( 'حجم فایل بیشتر از ۵۰۰ کیلوبایت است' );
}

بررسی اندازه فایل با استفاده از جاوااسکریپت

var file = document.getElementById( 'file' );

if( file.files.length && file.files[ 0 ].size > 500 * 1024 ) {
	alert( 'حجم فایل بیشتر از ۵۰۰ کیلوبایت است' );
}

در قطعه کدهای بالا، در صورت زیاد بودن حجم فایل، تنها یک پیام هشدار به نمایش در می‌آید. چنانچه بخواهید، Submit شدن فرم متوقف شود، می‌بایست در رویداد submit مقدار false را برگردانید یا از دستور event.preventDefault کمک بگیرید.

بیشتر بخوانید:

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *