ตัวอย่างการใช้อินเทอร์เฟซ filerereader ใน HTML5

มันถูกใช้เพื่ออ่านไฟล์ลงในหน่วยความจำและอ่านข้อมูลในไฟล์ อินเทอร์เฟซ filereader ให้ API แบบอะซิงโครนัสที่ใช้ API นี้เพื่อเข้าถึงระบบไฟล์แบบอะซิงโครนัสในเธรดหลักของเบราว์เซอร์เพื่ออ่านข้อมูลในไฟล์ ในปัจจุบันมีเพียง FF3.6+และ Chrome6.0+เท่านั้นที่ใช้อินเทอร์เฟซ filereader

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

วิธีการอินเทอร์เฟซ filereader

อินเทอร์เฟซ filereader มีรูปแบบเหตุการณ์ที่สมบูรณ์เพื่อจับภาพสถานะเมื่ออ่านไฟล์

เหตุการณ์อินเทอร์เฟซ filereader

 <script type = text/javascript> var result = document.getElementById (ผลลัพธ์); P> เบราว์เซอร์ของคุณไม่รองรับอินเทอร์เฟซ filereader! </p>; // ทำให้การเลือกไฟล์ที่ไม่พึงประสงค์ SetAttribute (ปิดใช้งาน, ปิดใช้งาน);} function readasDataUrl () {// ทดสอบว่าเป็นไฟล์รูปภาพ var foot = document.getElementById (ไฟล์) if (!/image /// w+/. test (file.type)) {แจ้งเตือน (ดูอย่างชัดเจนว่าต้องใช้รูปภาพ!); ของข้อมูล urll reader.readasdataurl (ไฟล์); } function readasbinaryString () {var file = document.getElementById (ไฟล์) ผลลัพธ์); reader.readastext (ไฟล์); > โปรดเลือกไฟล์: </label> <input type = file id = ไฟล์/> <อินพุต type = button value = อ่าน image onclick = readasDatarl ()/> <อินพุต type = value = อ่าน binary data onClick = ReadAsBinaryString () /> <อินพุต type = button value = อ่านไฟล์ข้อความ onclick = readastext () /> < /p> <div id = ชื่อผลลัพธ์ = ผลลัพธ์> </div>

ข้างต้นเป็นตัวอย่างของอินเทอร์เฟซ Filereader ใน HTML5 ที่ Xiaobian แนะนำให้รู้จักกับคุณ ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!