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

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

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

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

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

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

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

file

html5

jquery

validation

جاوااسکریپت

جی‌کوئری

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی