README
drop-file-dataurl
Module for creating a drop area where people can drop files and you will get
the data-uri as a callback. Install it with npm install drop-file-dataurl
.
This is created for the use with Browserify.
Usage
require('drop-file-dataurl')(droparea, callback[, check])
where the dataURL is passed to the callback
.
The optional check
function
takes the File object
and the return value determines whether the second callback will be fired or not.
This is useful for mime-type filtering.
Example
Simple Usage
var dropfile = require('drop-file-dataurl')
var droparea = document.querySelector('#droparea')
dropfile(droparea, function (dataURL) {
console.log('The file', dataURL)
})
Usage with check
dropfile(droparea,
function (dataURL) {
// note that the context of the callback is the droparea.
this.querySelector('img').src = dataURL
},
function (file) {
return file.type.split('/')[0] === 'image'
})
Run an example
If you have beefy
installed, you can run an example with
npm run example
(see examples
folder).