Red de conocimiento informático - Problemas con los teléfonos móviles - Varios métodos de carga desde el front-end web

Varios métodos de carga desde el front-end web

Las siguientes son tres formas de cargar imágenes en la interfaz web:

1. Carga de formulario

La forma más tradicional de cargar imágenes es la carga de formulario. Utilice el control de entrada [tipo = "archivo"] del formulario para abrir el cuadro de diálogo de selección de archivos del sistema, seleccione el archivo y cárguelo.

Carga de formulario

Se deben tener en cuenta los siguientes puntos al cargar un formulario:

(1). Proporcione un formulario y el método debe publicarse.

(2) tipo de enc. El formulario debe ser multiparte/formdata.

(3). Proporcione el campo de entrada de carga tipo "archivo".

2.ajax upload

ajax y FormData pueden lograr el efecto de cargar archivos sin actualizar la página. Utilizan principalmente el método Ajax() de jQuery y el nivel dos de XMLHttpRequest.

Interfaz FormData. Enviar FormData a través del objeto FormData es más flexible y conveniente porque se puede usar independientemente del formulario. Si el tipo de codificación del formulario está configurado en multipart/form-data, el formato de datos transmitido por FormData es el mismo que el formato de datos transmitido por el formulario a través de enviar().

Carga de Ajax sin actualización

La carga de Ajax no se actualiza. Es esencialmente lo mismo que el formulario de carga, excepto que Ajax envía el contenido del formulario después del resultado de la solicitud. se devuelve, la interfaz decide mostrar el resultado.

3. Cargue varios complementos

Cuando la carga necesite obtener una vista previa, mostrar el progreso de la carga, interrumpir el proceso de carga, cargar archivos grandes en secciones, etc. Es difícil lograr estas funciones mediante la carga de formularios tradicionales, podemos usar complementos existentes para completarlo.

Por ejemplo, el complemento de carga de Baidu Web Uploader, el complemento de vista previa de imágenes de jQuery y el complemento de vista previa de imágenes y carga de arrastrar y soltar Dropzone.js, etc. Puede elegir el complemento adecuado según las necesidades reales del proyecto.