Al cargar imágenes, encontré un control muy útil. Admite cargar varias imágenes al mismo tiempo. Puede hacer clic para seleccionar una imagen o puede arrastrar la imagen al cuadro de carga y cargarla directamente. uso, y la interfaz es simple. Básicamente, puedes usarlo directamente en el proyecto.
Primero echemos un vistazo a su estilo:
Después de seleccionar una imagen:
$(function(){ // Inicializar el complemento $(#demo).zyUpload({ ancho: 650px, // ancho alto: 400px, // ancho itemWidth: 120px, // ancho del elemento del archivo itemHeight: 100px, / / file La altura de la URL del elemento: /upload/UploadAction, // La ruta del archivo cargado multiple: true, // Si se pueden cargar varios archivos dragDrop: true, // Si el archivo se puede arrastrar y cargar del: true, // Si el archivo se puede eliminar FinishDel: false, // Si la vista previa se elimina una vez completada la carga del archivo /* Interfaz de devolución de llamada obtenida externamente */ onSelect : function(files, allFiles ){ //Método de devolución de llamada para seleccionar archivos console.info(Los siguientes archivos están seleccionados actualmente: console.info(files) console.info(Archivos no cargados antes:); todos los archivos); }, onDelete: función(archivo, excedentesFiles){ // Método de devolución de llamada para eliminar un archivo console.info (archivo actualmente eliminado console.info(archivo console.info (archivos restantes actualmente:); ; }, onSuccess: function(file){ // Método de devolución de llamada para cargar correctamente el archivo console.info(Este archivo se cargó correctamente:); El método de devolución de llamada para la falla en la carga del archivo console.info(La carga de este archivo falló:); console.info(file }, onComplete: function(responseInfo){ // El método de devolución de llamada para la finalización de la carga console.info(La carga del archivo se completó) ; consola .info(respuestaInfo); } } });Modifique la configuración directamente en demo.js, url: /upload/UploadAction y coloque la acción de carga de su imagen. Este control es solo procesamiento en primer plano, debe escribir la carga en segundo plano usted mismo.
Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.