بررسی نوع فایل با جاوا اسکریپت

می خوام کدی جاوا اسکریپتی رو بذارم که در فرم آپلود فایل نوع فایل ما را مشخص می کند و در صورتی که مثلا فایل ما از نوع jpg نباشد به ما پیام اخطار می دهد. این روش به ما کمک می کند که مثل مطلب قبلی فایل ما برای سرور ارسال نشود تا معتبر بودن اون مشخص شود همون لحظه که روی دکمه ی send کلیک می کنیم بدون ارسال فرم پیام میده که عکس شما باید با فرمت jpg باشد. یا آن فرمت مشخص شده باشد.

<html>
<head>
<title>type upload</title>
<script type="text/javascript" language="JavaScript">
function check() {
var ext = document.f.pic.value;
ext = ext.substring(ext.length-3,ext.length);
ext = ext.toLowerCase();
if(ext != 'jpg') {
    alert(   ext+' عکس شما باید با فرمت جی پی جی باشد ولی '+'شما انتخاب کردید یک فایل');
    return false; }
else
    return true; }
</script>
</head>
<form method="post" name=f
enctype="multipart/form-data" onsubmit="return check();" action="">
<br>
<input type="file" name="pic" size="40" accept="image/jpeg"><br>
<input type="submit" value="Send">
</form>
</body>
</html>

توضیحات در ادامه ی مطلب

ما اول یک تابع به نام check مشخص کردیم که با فرم در ارتباط است. در خط بعدی متغیر ما مشخص می شود .

و در خط if(ext != 'jpg') به بعد نوعی اعتبار سنجی صورت می گیرد که در صورتی که فایل ما از نوع jpg نباشد پیام اخطار می دهد، که نوع فایل اشتباهی هم با ext+ مشخص می شود و در غیر این صورت هیچ اخطاری نمی دهد.

onsubmit="return check();"

برای توافق به برگشت در صورت نادرست بودن نوع فایل با توجه به تابع .

راوندی دوشنبه 29 شهریور‌ماه سال 1389 ساعت 03:51 ب.ظ