Red de conocimiento informático - Material del sitio web - Complemento de carga de archivos en línea mediante arrastrar y soltar: DropzoneJS

Complemento de carga de archivos en línea mediante arrastrar y soltar: DropzoneJS

DropzoneJS es una biblioteca de código abierto que proporciona la función de arrastrar y soltar archivos y obtener una vista previa de imágenes. No tiene dependencias y es altamente personalizable.

Documentación oficial: //p> <. /p>

Versión china: .dropzone/

Introducción a nuestra página

Este es el efecto demostrado en el sitio web oficial. Si desea utilizar este efecto, puede hacerlo. Vaya directamente a la carpeta dist del paquete de código fuente. Copie el estilo en . dropzone no procesará los archivos que cargue en el servidor. Debe escribir su propio código para recibir y guardar los archivos cargados.

Todo lo que necesitamos hacer es crear un elemento de formulario con el nombre de clase dropzone:

Dropzone encontrará todos los elementos de formulario que contengan dropzone en su atributo de clase, y listo, suba un El archivo se procesará normalmente, como si fuera un fragmento de código HTML:

El formulario no necesita procesar los archivos cargados.

No tiene que estar en el formulario, también puedes usar código js para inicializar la instancia de dropzone

O si usas jquery, también puedes escribirlo así

Hay dos Hay tres formas de configurar Dropzone.

Estas son algunas características de configuración de las zonas de entrega

Cuando se agrega un archivo a una zona de entrega, su estado se establecerá en Dropzone.QUEUED, lo que significa que el archivo ya está en la cola de carga. . Si la opción autoProcessQueue se establece en verdadero, la cola se procesa inmediatamente y después de que un archivo se coloca en la zona o se completa la carga, se llama a .processQueue() para verificar cuántos archivos se están cargando actualmente. Si autoProcessQueue se establece en falso, el método .processQueue() no se llama implícitamente. Esto significa que cuando desee cargar todos los archivos en la cola, deberá llamar al método usted mismo.

Se puede personalizar configurandopreviewTemplate, y su apariencia es la siguiente

En el contenedor (dz-preview), dz-processing es el estilo que se muestra cuando se carga el archivo. dz -success es el estilo que se muestra cuando el archivo se carga correctamente y dz-error es el estilo que se muestra cuando el archivo no se carga. El último elemento, data-dz-errormessage, contendrá la información de texto devuelta por el servidor. Si desea reescribir, puede consultar la configuración proporcionada en el sitio web oficial

Si desea eliminar el. mensaje de texto que se ha agregado al archivo dropzone, puede llamar a .removeFile(archivo). Este método también desencadena el evento removefile. El siguiente es un ejemplo de cómo eliminar archivos después de cargarlos.

Si desea eliminar todos los archivos, simplemente llame al método removeAllFiles(). Para conocer los métodos de operación detallados, consulte la documentación oficial.

Para activar un evento mientras se procesa un archivo, puede llamar al evento on(eventName, callbackFunction), que es el mismo método proporcionado en la documentación oficial. nombre del evento, función de devolución de llamada), puede registrar fácilmente un detector de eventos en la instancia, preferiblemente en la configuración inicial

O puede hacer esto, pero es completamente innecesario

Aquí está el lista de eventos proporcionada en la documentación oficial

Hoy en día, cuando la mayoría de los equipos utilizan modelos ágiles, cuando estás trabajando en un proyecto, es posible que no tengas mucho tiempo para hacer algo solo.

En un mundo donde la mayoría de los equipos adoptan modelos de desarrollo ágiles, es posible que no tenga mucho tiempo para reescribir algo que ya existe, y los complementos de terceros pueden proporcionar rápidamente una excelente solución, por lo que, ya sea que esté estudiando o trabajando, los complementos de terceros ¡Son un buen intento para que puedas aprender a voluntad sin afectar tu trabajo!

上篇: Cómo apuntar la configuración del motor de búsqueda de Baidu directamente a la IP del sitio web 下篇: ¿Qué es la revelación natural? ¿Has visto montañas alguna vez? Esta montaña es enorme. ¿Alguna vez has visto el mar? El mar es vasto. Siempre he creído que la gente puede entender muchas cosas en la naturaleza. La naturaleza contiene muchas filosofías de vida. Al igual que la luna, las lunas llena y menguante representan reencuentros y separaciones de amigos y familiares. Las hormigas y los pulgones cooperan y se ayudan mutuamente para sobrevivir. ¿Has visto alguna vez una abeja solitaria? Se centran en el espíritu de unidad y división del trabajo. La naturaleza también me trae el tiempo rápidamente, por eso debo apreciar la iluminación del tiempo. Al mirar el amanecer y el atardecer, parece como si el sol acabara de salir, pero las estrellas y la luna se esfuman en un abrir y cerrar de ojos. El nardo florece y se desvanece silenciosamente. Si la caída de flores y hojas alguna vez representara el final de una vida hermosa, sería demasiado efímera. ¡El brillo del capullo cuando nació de repente se convirtió en una sequedad sin vida! Las mariposas también mueren con el frío aroma de las flores después de una ajetreada temporada de verano. La vida es corta, pero si podemos hacerla brillar, se la puede llamar eterna, ¿no? Los científicos japoneses se inspiraron en la búsqueda de alimento de las hormigas. Desarrollaron un circuito integrado a gran escala que simula hormigas que buscan alimento trabajando juntas para mover alimentos y transmitir continuamente información desde la "fuente de alimento" más cercana al "hormiguero". A partir de este nuevo método de procesamiento de la información es posible desarrollar una computadora con un nuevo modelo de computación. También hay mucha inspiración en la naturaleza. Por ejemplo, construimos un puente arqueado para imitar las propiedades de un huevo. Inspirándose en el vuelo de los pájaros, la gente inventó los aviones. Cortar los dedos del techo de paja, inventar sierras... Hay muchos animales y plantas en la naturaleza que tienen su propia forma de vida única, insinuando los misterios de la naturaleza. Entre las muchas revelaciones de la naturaleza se encuentra una serpiente llamada cascabel, que tiene un ojo infrarrojo. A través de este ojo de serpiente, los humanos han desarrollado un misil con ojos como los de una serpiente de cascabel. Se llama misil Sidewinder porque los humanos imitan los ojos de un Sidewinder. Por lo tanto, recibió el nombre de misil Sidewinder. El misil Sidewinder, al igual que el Sidewinder, puede utilizar sus "ojos de fuego" para rastrear con precisión al enemigo hasta que sea destruido. Debido a que los "ojos calientes" de Sidewinder determinan la posición del enemigo en función de su temperatura, los misiles Sidewinder pueden alcanzar con precisión aviones, buques de guerra, tanques y similares. El misil tierra-aire móvil de baja altitud, corto alcance y para todo clima desarrollado por Francia se utiliza principalmente para hacer frente a aviones de combate y misiles tierra-aire de baja y ultrabaja altitud. Para defender aeropuertos y puertos, también puede utilizarse contra misiles de crucero. El misil mide 2,94 metros de largo, 0,156 metros de diámetro, pesa 84,5 kilogramos y el lanzador mide 3,02 metros de largo. La ojiva adopta un tipo de enfoque de fragmentación, con un peso total de 13,9 kilogramos y un radio de destrucción de 6 a 8 metros. La unidad de potencia es un motor de cohete sólido de una sola etapa y el método de guía es la guía por comando de radio de rango completo. Altitud de combate 50 ~ 3000 m. El misil tiene maniobrabilidad semi-todo terreno. Las mariposas de colores brillantes, como las colas de golondrina y las monarcas con venas de hojas marrones, especialmente las colas de golondrina fluorescentes, tienen alas doradas, alas verdes y alas moradas al sol. Los científicos han aportado enormes beneficios a la defensa militar mediante la investigación sobre los colores de las mariposas. Durante la Segunda Guerra Mundial, los alemanes rodearon Leningrado. Intenta utilizar bombarderos para destruir sus objetivos militares y otras instalaciones de defensa. Basándose en la insuficiente comprensión del camuflaje en ese momento, el entomólogo soviético Schwanovich propuso el principio de que el color de las mariposas no se encuentra fácilmente en las flores y cubrió instalaciones militares con camuflaje en forma de mariposa. Por lo tanto, a pesar de los esfuerzos del ejército alemán, la base militar en Leningrado se mantuvo sana y salva, sentando una base sólida para la victoria final. Siguiendo el mismo principio, más tarde se fabricaron uniformes de camuflaje, que reducían considerablemente las bajas en las batallas. La colmena consta de seis pequeñas celdas dispuestas en orden con prismas, y la base de cada celda consta de tres rombos idénticos. Estas estructuras son exactamente las mismas que las calculadas con precisión por los matemáticos modernos: el ángulo obtuso del rombo es de 109,28' y el ángulo agudo es de 70,32'. Es la estructura que ahorra más material, tiene una gran capacidad y es extremadamente fuerte. Muchos expertos están asombrados. La gente imita su estructura y utiliza diversos materiales para fabricar paneles estructurales tipo sándwich alveolar. Este panel estructural tiene alta resistencia, peso ligero y no es fácil de conducir el sonido y el calor. Es un material ideal para la fabricación de transbordadores espaciales, naves espaciales, satélites, etc. Los polarizadores sensibles a la dirección de la luz polarizada están colocados cerca de cada uno de los ojos compuestos de la abeja y pueden ser colocados con precisión por el sol. Los científicos han desarrollado con éxito un navegador de luz polarizada basado en este principio. Ha sido ampliamente utilizado durante mucho tiempo en la navegación. Las libélulas pueden crear flujos de aire locales inestables que son diferentes de la atmósfera circundante a través de la vibración de sus alas, mientras que Wells utiliza los vórtices creados por el flujo de aire para elevarse. Las libélulas pueden volar con muy poco empuje, no sólo hacia adelante, sino también hacia atrás, hacia la izquierda y hacia la derecha. La velocidad de vuelo hacia adelante puede alcanzar los 72 km/h. Además, las libélulas tienen un comportamiento de vuelo simple.