ไฟล์ API ของ HTML5 มีวิธีชิ้นที่สามารถแบ่งออกเป็นวัตถุหยดได้ ส่วนหน้าได้รับไฟล์ที่เกี่ยวข้องผ่านวัตถุ FileList
การต่ออายุจุดพักในปัจจุบันมีจุดพักที่ใช้กันทั่วไปสองแบบ อินเทอร์เฟซ
กล่าวอีกนัยหนึ่งเนื้อหาหลักของเบรกพอยต์คือการแบ่งไฟล์แล้วส่งผ่านไปยังเซิร์ฟเวอร์อีกครั้ง แต่กระบวนการอัปโหลดที่เรียบง่ายดูเหมือนจะมีหลุมนับไม่ถ้วน
ครั้งแรกคือการระบุไฟล์
ดังนั้นก่อนที่ไฟล์จะเริ่มอัปโหลดเรามีกระบวนการจับมือกับเซิร์ฟเวอร์บอกข้อมูลไฟล์เซิร์ฟเวอร์แล้วเห็นด้วยกับขนาดของส่วนกับเซิร์ฟเวอร์ การแพร่เชื้อ.
แผนกต้อนรับจะต้องส่งไฟล์ไปยังพื้นหลัง
หลังจากการส่งไฟล์ถูกขัดจังหวะผู้ใช้จะเลือกไฟล์อีกครั้งเพื่อพิจารณาว่าไฟล์ได้รับการอัปโหลดผ่านการระบุตัวตนหรือไม่
File Front -Slice Sliceด้วยไฟล์ API ของ HTML5 การตัดไฟล์นั้นง่ายกว่าที่จินตนาการไว้มาก
เพียงใช้วิธีการชิ้น
var packet = file.slice (start, end);
การเริ่มต้นพารามิเตอร์คือตำแหน่งของการเริ่มต้นของชิ้น โดยการควบคุมการเริ่มต้นและสิ้นสุดอาจเป็นบล็อกแยกต่างหากของไฟล์
ชอบ:
file.slice (0,1000);อัปโหลดชิ้นส่วนไฟล์
ในก่อนหน้านี้เราแบ่งไฟล์ออกเป็นหลายชิ้นด้วยวิธีการชิ้น
ที่นี่เราใช้คำขอโพสต์ของ Ajax เพื่อนำไปใช้
var xhr = ใหม่ xmlhttprequest (); ; วิธีการกำหนดความคืบหน้าการอัปโหลดเฉพาะของไฟล์ฟิล์มเดียว // e.loaded จำนวนไฟล์ที่อัปโหลด
หลังจากอัปโหลดไฟล์ไปยังพื้นหลังโปรแกรมพื้นหลังจะถูกประมวลผลตาม