¿Cómo enviar varios archivos con una POST?

Tradicionalmente, podemos insertar varios formularios con inputtype=file en el formulario, de modo que la acción del usuario de hacer clic para enviar el formulario se pasará directamente al servidor, y el servidor puede obtener la matriz de archivos, que es el conjunto de archivos cargados. por el usuario.

Con el desarrollo de los navegadores y la aparición de marcos front-end, el futuro será una era en la que el código front-end y back-end estarán completamente separados, de esta manera, nuestros formularios no estarán directamente. interactuar con el servidor a través de acciones, pero deberá escribirse en código js. Implementar la carga de archivos en formato . Los siguientes son dos tipos de cargas de múltiples archivos.

La primera es almacenar los archivos obtenidos de la página de inicio en una matriz. Cuando el usuario necesita enviar un archivo, cargamos los archivos en la matriz uno por uno, para que la experiencia del usuario. es la carga de varios archivos, pero la esencia es que los archivos se cargan uno por uno. La desventaja es que cada carga es una solicitud POST.

Segundo: usar formdata para cargar archivos. Formdata nos permite encapsular los datos del formulario en código js y luego simular el proceso de envío del formulario en js, cargando así varios archivos en una POST.

En la imagen de arriba: new FormData() se usa para crear una instancia del objeto formdata, oMyForm.append("XXX", XXX) se usa para agregar datos al objeto de formulario y se usa uploader.queue a la matriz de archivos.

6

El resultado de la carga se imprimirá como se muestra en la figura, de modo que podamos realizar la carga POST de varios archivos.