Entrada de archivo personalizado fácil con JavaScript y CSS-Input-file. js
| Autor: | pb03 |
|---|---|
| Views Total: | 2,414 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 5, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Input-file. js es un plugin de JavaScript súper ligero que reemplaza el nativo entrada de archivo con sus propios estilos CSS. Soporta drag'n ' Drop y selección de múltiples archivos.
Funcionamiento
Inserte los archivos JavaScript y CSS requeridos en el archivo HTML.
<link rel="stylesheet" href="input-file.css"> <script src="input-file.min.js"></script>
Inserte los campos de entrada de archivos en su formulario HTML.
<form> <input type="file" name="files" multiple> <br><br> <input type="file" name="files" multiple> </form>
Inicialice el Input-file. js y listo.
new InputFile({
// options
}); Cambie la etiqueta para el botón de selección de archivo.
new InputFile({
buttonText: 'Choose files'
}); Personalice el texto de ayuda.
new InputFile({
hint: 'or drag and drop files here'
}); Establezca el mensaje que se mostrará después de la selección.
new InputFile({
message: 'files chosen'
});
