La API de archivo de HTML5 tiene un método de corte que se puede dividir en objetos blob. La parte delantera obtiene el archivo correspondiente a través del objeto Filelista.
Renovación de puntos de interrupciónEn la actualidad, hay dos puntos de ruptura de uso común. interfaz.
En otras palabras, el contenido central del punto de interrupción es cortar el archivo y luego pasarlo nuevamente al servidor, pero el proceso de carga aparentemente simple tiene innumerables pozos.
El primero es la identificación del archivo.
Por lo tanto, antes de que el archivo comience la carga, tenemos un proceso de apretón de manos con el servidor, le indique la información del archivo del servidor y luego acordamos con el tamaño de la sección con el servidor. transmisión.
La recepción debe pasar los archivos al fondo.
Después de interrumpir la transmisión del archivo, el usuario selecciona el archivo nuevamente para determinar si el archivo se ha cargado a través de la identificación, entonces podemos continuar pasando el archivo en el último progreso para lograr la función de renovación.
Archivo delantero -end portaCon la API del archivo de HTML5, los archivos de corte son mucho más simples de lo imaginado.
Solo usa el método de corte
var paquete = file.slice (inicio, final);
El comienzo del parámetro es la posición del inicio de la porción. Al controlar el inicio y el final, puede ser un bloque separado del archivo
como:
File.slice (0,1000);Carga de fragmentos de archivos
En el anterior, dividimos los archivos en varias piezas a través del método Slice.
Aquí utilizamos la solicitud de publicación de Ajax para implementar
var xhr = new xmlhttprequest (); ; El método determina el progreso de carga específico de un solo archivo de película / / E.Cardado cuánto se carga el archivo.
Después de cargar el archivo en segundo plano, el programa de fondo se procesará en consecuencia.