วิจัยเกี่ยวกับฟังก์ชันปุ่มป้อนข้อมูลของไฟล์ประเภท

เมื่ออัปโหลดบางเว็บไซต์กล่องโต้ตอบของ [เลือกไฟล์] จะปรากฏขึ้นเมื่อคุณคลิกปุ่มเรียกดู หลายครั้งที่เราจำเป็นต้องอัปโหลดไฟล์รูปภาพเท่านั้นดังนั้นในกล่องโต้ตอบป๊อปอัพ [เลือกไฟล์] ไฟล์เฉพาะในรูปแบบภาพที่เกี่ยวข้องจะปรากฏขึ้นและไฟล์รูปแบบที่เหลือจะถูกกรองและไม่ปรากฏ

ตัวอย่างเช่น http://www.youku.com/v1.0326/v/swf/up.swf

นี่คือการเลือกการอัปโหลดวิดีโอของ Youku ซึ่งทำได้ผ่านวิธีแฟลชเพื่อไม่แสดงไฟล์ที่ไม่ใช่วิดีโอ

แฟลชถึงเอฟเฟกต์นี้โดยทั่วไปตามที่อธิบายไว้ที่นี่

นำเข้า flash.net.filereferencelist;

var fileref: filereferencelist = new FileReferencelist ();

var AllTypes: array = [];

ประเภทการเรียกดู VAR: Object = New Object ();

เรียกดู type.description = ประเภทเรียกดู (*.mp3);

เรียกดู type.extension = *.mp3;

AllTypes.push (ประเภทคิ้ว);

FileRef.Browse (AllTypes);

ดังนั้น <อินพุต type = file> ในหน้าเว็บของเราสามารถใช้หน้าต่างป๊อปอัปเพื่อ จำกัด ประเภทไฟล์ได้หรือไม่?

โซลูชันตอนนี้สามารถเตือนผู้ใช้ว่ารูปแบบของการอัปโหลดไฟล์ไม่ถูกต้องผ่านการตรวจสอบ

<script>

ตรวจสอบฟังก์ชั่น () {

var filepath = path.value

filepath = filepath.substring (filepath.astilastindexof ('.') 1, filepath.length)

if (filepath! = 'jpg' && filepath! = 'gif')

การแจ้งเตือน (อัปโหลดรูปภาพในรูปแบบ JPG หรือ GIF เท่านั้น)

-

</script>

<input type = ชื่อไฟล์ = path onProperTyChange = ตรวจสอบ ()> (อัปโหลดรูปภาพในรูปแบบ JPG หรือ GIF เท่านั้น)

<script>

ฟังก์ชั่น ck (obj) {ถ้า (obj.value.length> 0) {

var af = jpg, gif, png, zip, rar, txt, htm;

if (eval (ด้วย (obj.value) ถ้า (!//af.split (,). เข้าร่วม (|) /ig.test (substring (lastindexof ('.') 1, ความยาว))) 1;)) {แจ้งเตือน (ประเภทไฟล์ที่อนุญาต:/n af);

-

</script>

<form>

<input type = ชื่อไฟล์ = path onProperTyChange = ck (นี่)/> </form>

อย่างไรก็ตามเอฟเฟกต์นี้ไม่ดีเท่าประสบการณ์ผู้ใช้ของ Flash จำเป็นต้องติดตามการอัปโหลดแฟลชประเภทนี้