PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

25 September 2008 By Ninenik Narkdee
javascript อัพโหลด นามสกุล

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ javascript อัพโหลด นามสกุล



Javascript Code

<script type="text/javascript">
    function chk(){   
		var fty=new Array(".gif",".jpg",".jpeg",".png"); // ประเภทไฟล์ที่อนุญาตให้อัพโหลด   
        var a=document.form1.file.value; //กำหนดค่าของไฟล์ใหกับตัวแปร a   
		var permiss=0; // เงื่อนไขไฟล์อนุญาต
		a=a.toLowerCase();    
		if(a !=""){
			for(i=0;i<fty.length;i++){ // วน Loop ตรวจสอบไฟล์ที่อนุญาต   
				if(a.lastIndexOf(fty[i])>=0){  // เงื่อนไขไฟล์ที่อนุญาต   
					permiss=1;
					break;
				}else{
					continue;
				}
			}  
			if(permiss==0){ 
				alert("อัพโหลดได้เฉพาะไฟล์ gif jpg jpeg png");     
				return false;   			
			} 		
		}        
    }   
</script>

HTML code ใช้งาน

<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1" onsubmit="return chk();">
  <input type="file" name="file" id="file" />
  <input type="Submit" name="button" id="button" value="Upload" />
</form>



อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ





Tags:: นามสกุล javascript อัพโหลด







URL สำหรับอ้างอิง