نکات برنامه‌نویسی

نکات برنامه‌نویسی و رایانه‌ای - امیرمسعود ایرانی

نکات برنامه‌نویسی

نکات برنامه‌نویسی و رایانه‌ای - امیرمسعود ایرانی

۱ مطلب در اسفند ۱۳۹۳ ثبت شده است

بررسی حجم فایل قبل از آپلود با استفاده از جی کوئری یا جاوااسکریپت

امیرمسعود ایرانی | جمعه, ۱۵ اسفند ۱۳۹۳، ۱۱:۴۹ ب.ظ | ۰ نظر

یکی از امکانات اضافه شده در 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 کمک بگیرید.
  • امیرمسعود ایرانی