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

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

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

จากสคริปต์ 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 24-07-2010 10:48:41

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

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


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


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

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

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

Javascript Code ตัวอย่าง
 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<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 ตัวอย่าง

1
2
3
4
5
6
7
8
9
<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 29-07-2010
 ความคิดเห็นที่ 2

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



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

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

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

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



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







สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet
หรือ
Terms of Service | Privacy Policy
Author
2025 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ