التأكد من نوع الملف المراد رفعه بالجافا سكربت

[Drakola]

السلام عليكم

اخواني الكرام واهل الخبره

عندي

هذا الفورم

<form action="demo.php" method="post">
<input type="file" name="dd" />
<input type="submit" name="send" value="إرسال" />
</form> 

اللذي اريده
هو بمجرد اختيار الملف من الجهاز
دون الضغط على زر [ إرسال ]
اذا كان الملف المختار صوره gif , jpg , png .... يعرض خيارات انا احددها

[مصطفى فرغلى]

ال input الذى من نوع file يحتوى على خاصيه value تحتوى على إسم الملف الذى تم اختياره ، و لكن لا تحتوى على مساره ، ميعادا انترنت اكسبلورر يعطيك المسار كاملا
يمكنك معرفه نوع الملف من خلال الكود البسيط التالى :
قم بتغير name=dd إلى id=dd فى الكود الذى وضعته فوق و قم بإضافه مستمع للحدث change

<input type="file" id="dd" onchange="whatExt()" /> 

function whatExt(){
    // if index.html selected
    var fileName = document.getElementById("dd").value;
    var fileExt = fileName.slice(fileName.lastIndexOf(".")+1);
    alert(fileExt); // html
} 

[Drakola]

نعم استاذ مصطفى انت وصلت الى ما أريده انا
شكراً جزيلاً لك إستاذنا الجليل
وزاد الله من علمك ونفع بك