Derby File Select
A Derby JS component for selecting files.
Installation
$ npm install d-file-select --save
Usage
Create a view:
<index: element="file-select">
<div as="dropzone">
<input type="file" as="input">
</div>
Associate your view with the component:
app.component('file-select', require('d-file-select'));
Elements
dropzone - The region that a file can be dragged and dropped onto.
input - The <input type="file"> element that can select a new image.
Data
The following path data is available to views implementing the component:
files - The uploaded files.
Options
accept - Accepted file types.
Functions
change($event) - Use if you have multiple file inputs that must implement the change event.
clear() - Clear selected files.
dragenter($event) - Use if you have multiple dropzones that must implement the dragenter event.
dragover($event) - Use if you have multiple dropzones that must implement the dragover event.
drop($event) - Use if you have multiple dropzones that must implement the drag event.
Events
clear() - Event emitted after clearing the files.
select(files) - Event emitted after files are selected.