สคริปต์ตรวจสอบนามสกุลไฟล์ก่อนอัพโหลด

จากสคริปต์ www.ninenik.com/ตรวจสอบนามสกุลไฟล์_ก่อนทำการอัพโหลด-74.html อันนี้น่ะค่ะ พอดีทำเป็น Multi Upload แล้วใส่คริปต์อันนี้เข้าไป แต่มันไม่แสดงผลอ่ะค่ะ ต้องแก้ยังไงเหรอคะ

<form name="form_upload" method="post" action="gallery_multi_upload_do.php" enctype="multipart/form-data">
    <input type="file" name="fileUpload[]" /><br />
    <input type="file" name="fileUpload[]" /><br />
    <input type="file" name="fileUpload[]" /><br />
    <input type="file" name="fileUpload[]" /><br />
    <input type="file" name="fileUpload[]" /><br />
    <input type="hidden" name="pic_id" value="<?=$pic_id?>"/>
    <input type="submit" name="btnSubmit" />
</form>
 

แนะนำประยุกต์ใช้กับ jQuery จะสะดวกกว่า (jquery 1.4 ขึ้นไป)

Javascript Code ตัวอย่าง
 

<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
	function permiss_func(obj,fileName){
		var fty=new Array(".gif",".jpg",".jpeg",".png"); // ประเภทไฟล์ที่อนุญาตให้อัพโหลด   
		var permiss=0; // เงื่อนไขไฟล์อนุญาต		
		permiss_file=fileName;
		permiss_file=permiss_file.toLowerCase();    
		if(permiss_file !=""){
			for(i=0;i<fty.length;i  ){ // วน Loop ตรวจสอบไฟล์ที่อนุญาต   
				if(permiss_file.lastIndexOf(fty[i])>=0){  // เงื่อนไขไฟล์ที่อนุญาต   
					permiss=1;
					break;
				}else{
					continue;
				}
			}  	
		}
		if(permiss==0){
			var newObj='<input type="file" name="fileUpload[]" />';
			alert("อัพโหลดได้เฉพาะไฟล์ gif jpg jpeg png");  
			obj.after(newObj).remove();   
			return false;   
		}
	}
	$("input:file").live('change',function(){
		permiss_func($(this),$(this).val());
	});	
});
</script>

HTML Code ตัวอย่าง

<form name="form_upload" method="post" action="gallery_multi_upload_do.php" enctype="multipart/form-data">
    <input type="file" name="fileUpload[]" /><br />
    <input type="file" name="fileUpload[]" /><br />
    <input type="file" name="fileUpload[]" /><br />
    <input type="file" name="fileUpload[]" /><br />
    <input type="file" name="fileUpload[]" /><br />
    <input type="hidden" name="pic_id" value="<?=$pic_id?>"/>
    <input type="submit" name="btnSubmit" />
</form> 

ตัวอย่าง

ขอบคุณมากค่ะ

ขอบคุณมากๆ ครับ กำลังต้องการเลย 

เป็นแนวทางได้ดีมากครับ

*permiss_file ไม่จำเป็นต้องประกาศ var permiss_file=fileName; ก็ได้หรอครับ?