dropzone.jsEmpezando con dropzone.js


Observaciones

dropzone.js es un script ligero que le permite proporcionar a los usuarios una interfaz simple para cargar archivos en su servidor. Tenga en cuenta que dropzone.js requiere que haya configurado el procesamiento del lado del servidor, como se menciona en su sitio web oficial . Los archivos se cargan a través de AJAX.

No requiere ninguna biblioteca externa como jQuery. dropzone.js tiene características como vistas previas en miniatura, barras de progreso, soporte de temática y la capacidad de cargar archivos grandes.

Versiones

Versión Fecha de lanzamiento
4.3.0 2016-02-14
4.2.0 2015-10-11
4.1.1 2015-10-11
4.1.0 2015-10-11
4.0.1 2015-02-09
4.0.0 2015-01-25
3.0.0 2013-05-11
2.0.0 2013-03-12
1.0.0 2012-08-13

¡Hola Mundo!

Importante: asegúrese de configurar la implementación del lado del servidor según las instrucciones aquí , de lo contrario, las cargas no funcionarán.

Para empezar, crea un nuevo documento HTML. Descargue el script como se muestra en el ejemplo de "Instalación", e inclúyalo en su etiqueta de cabecera así (¡vuelva a recordar para reemplazar la ruta de ejemplo con la ruta real!):

<script src="/path/to/dropzone.js"></script>

Incluya un <form> en su <body> :

<form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>

¡Eso es! Aquí hay un ejemplo completo:

<html>
    <head>
        <title>My Awesome Website!</title>
        <script src="/path/to/dropzone.js"></script>
    </head>
    <body>
        <form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>
    </body>
</html>
 

Para una configuración más complicada y específica, consulte los documentos de uso en el sitio web oficial.