PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

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

จากสคริปต์ 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 IP: 58.8.82.xxx วันที่: 24-07-2010 เวลา: 10:48:41

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 3

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

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

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



โดย:  พงษ์สวัสดิ์ ภาโสม IP: 124.121.170.xxx วันที่: 21-02-2012 เวลา: 03:15:48
 ความคิดเห็นที่ 2

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



โดย:  Atomy_mink IP: 58.8.244.xxx วันที่: 29-07-2010 เวลา: 09:46:58
 ความคิดเห็นที่ 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 IP: 124.120.10.xxx วันที่: 29-07-2010