<input name=myFile type=file>
(1) หลายรายการ: ระบุว่าผู้ใช้สามารถเลือกหลายค่าได้หรือไม่ หลายรายการสามารถใช้ได้กับ type=file และ type=email เท่านั้น
(2) ยอมรับ: ประเภทไฟล์ที่เซิร์ฟเวอร์ยอมรับ มิฉะนั้นจะถูกละเว้น
audio/* หมายถึงไฟล์เสียง รองรับเฉพาะ HTML5 เท่านั้น
video/* หมายถึงไฟล์วิดีโอ รองรับเฉพาะ HTML5 เท่านั้น
image/* หมายถึงไฟล์รูปภาพ รองรับเฉพาะ HTML5 เท่านั้น
(3) จำเป็น: คุณลักษณะนี้ระบุว่าผู้ใช้จะต้องกรอกค่าก่อนที่จะส่งแบบฟอร์ม
3. รับข้อมูลไฟล์ที่อัพโหลด <!DOCTYPE html><html lang=zh> <head> <meta charset=UTF-8 /> <meta http-equiv=X-UA-Compatible content=ie=edge /> <title>หลายไฟล์</title> </head> <body> <input type=file multiple=multiple id=test> <p id='content'></p> <script type=text/javascript> การทดสอบ var = document.getElementById('test'); test.addEventListener('change', function() { var t_files = this.files; var str = ''; for(var i = 0, len = t_files.length; i < len ; i++) { console.log(t_files[i]); str += '<a href=javascript:void(0)>' + t_files[i].name + '</a><br/>'; document.getElementById('content').innerHTML = str; </script> </body></html>แสดง:
สำหรับการใช้งานที่เฉพาะเจาะจงมากขึ้น โปรดดูที่ MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
สรุปข้างต้นคือฟังก์ชันการอัปโหลดไฟล์ HTML5 ใหม่ที่นำเสนอโดยโปรแกรมแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วโปรแกรมแก้ไขจะตอบกลับคุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!