Manejo de los eventos paste y Drag & #8217; n & #8217;d ROP con JavaScript-Psst. js
| Autor: | chandru89new |
|---|---|
| Views Total: | 564 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 5, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Psst. js es una biblioteca de JavaScript pura que le ayuda a manejar los eventos de pegar y drop'n ' Drop en su página web. Ideal para el cargador de imágenes drag'n ' Drop.
Funcionamiento
Inserte la versión minimizada de la biblioteca Psst. js en el documento HTML.
<script src="psst.min.js"></script>
Agregue los controladores de eventos ' Drop ' y ' Paste ' al documento.
document.addEventListener('drop', function(e){
psst(e)
.then(function(result){
console.log(result);
})
.catch(function(error){
console.error(error);
});
}, false);
document.addEventListener('paste', function(e){
psst(e)
.then(function(result){
console.log(result);
})
.catch(function(error){
console.error(error);
});
}, false); Esto dará como resultado un objeto JSON que contiene todos los datos sobre el archivo/datos que acaba de caer o pegado en la página.
result.time = 1520153089036 result.type = image result.data = data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD... (truncated)
