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

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สคริปต์ตรวจสอบนามสกุลไฟล์ก่อนอัพโหลด

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

จากสคริปต์ 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>
 



Atomy_mink 58.8.82.xxx 24-07-2010 10:48:41

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

แนะนำประยุกต์ใช้กับ 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> 

ตัวอย่าง

 








ninenik 124.120.10.xxx 29-07-2010
 ความคิดเห็นที่ 2

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



atomy_mink 58.8.244.xxx 29-07-2010 09:46
 ความคิดเห็นที่ 3

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

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

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



พงษ์สวัสดิ์ ภาโสม 124.121.170.xxx 21-02-2012 03:15
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ