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

เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee
javascript นามสกุล อัพโหลด

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

ดูแล้ว 23,805 ครั้ง


Javascript Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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 ใช้งาน

1
2
3
4
<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 เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ











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










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