Impresionante archivo gota biblioteca de JavaScript-soltable

Vista prévia

Descripción

soltable es una impresionante biblioteca de JavaScript libre de dependencias para manejar la carga de archivos cuando uno o varios ficheros son arrastrados y caídos en un elemento específico.

Ligero, accesible y fácil de usar.

Funcionamiento

Instale el soltable con NPM.

# NPM
$ npm install droppable --save

Importe el droppable.

// ES 6
import Droppable from 'droppable';

// CommonJS:
const Droppable = require('droppable');

Cree un nuevo elemento que se puede soltable para la selección de archivo (s).

const myDroppable = new Droppable({



element: document.querySelector('#myElement')
})

Decida si desea permitir varios archivos.

const myDroppable = new Droppable({



element: document.querySelector('#myElement'),



acceptsMultipleFiles: true
})

Habilite el elemento que se puede soltable para seleccionar archivo (s) por clic.

const myDroppable = new Droppable({



element: document.querySelector('#myElement'),



isClickable: true
})

Anexar clases de estado al elemento que se puede soltable.

const myDroppable = new Droppable({



element: document.querySelector('#myElement'),



appendStatusClasses: true
})

Obtenga los archivos seleccionados más recientes.

myDroppable.getLatestDroppedFiles();

Preguntar al usuario por archivo (s).

myDroppable.promptForFiles();

El detector de eventos que se activará después de que se descartan los archivos.

myDroppable.onFilesDropped((files) => {

console.log('Files were dropped:', files);
});

Registro de cambios

v2.2.0 (07/04/2018)

• actualizar