Dropzone

NDropzone

Dropzone component allows you to implement a file input with a drag&drop support and previews. You can add your custom handler if you want to upload files to your server before the form is submitted. You can add a handler to delete files from the server.

If you don't provide a send handler, the input value will contain a list of selected file objects. Files will have base64 property attached to them, which you can use to upload files to the server.

Name
Type
Default
Description
server-files
Array
function() { return []; }

An array of files that have been uploaded previously. These can be used to implement remove handler Make sure objects have name and url properties { id: 123, name: 'filename.jpg', url: 'http://example.com/file-location.jpg' }

Upload On Submit

Upload 2 or more files

Upload On Drop