Directory

← Back

FileDropTargetAndSelector Add-on

FileDropTarget extension with single and multi file selector support

Author

Rating

Popularity

<100

FileDropTargetAndSelector is a UI component extension for Vaadin 8.1+.

!!! See also https://github.com/vaadin/framework/issues/9974 !!! Workaround with UI.setMobileHtml5DndEnabled(true); seems to work for now

It extends Vaadin's FileDropTarget (since 8.1) extension with file selector capability and uses the same api to transfer the selected file(s) to the server.

This extension simple uses following approach to get the selected file or files, and passes the FileList to Vaadin's FileDropTargetConnector: Using files from web applications

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

fixes drop state (fixes client side exception which prevents sending file immediately to server. Mouse move or other action was needed in order transfer was processed)

Released
2019-09-21
Maturity
TESTED
License
Apache License 2.0

Compatibility

Framework
Vaadin 8.8+
Vaadin 8.1+ in 1.0.5
Browser
Firefox
Safari
Google Chrome
Internet Explorer
Microsoft Edge

FileDropTargetAndSelector Add-on - Vaadin Add-on Directory

FileDropTarget extension with single and multi file selector support FileDropTargetAndSelector Add-on - Vaadin Add-on Directory
FileDropTargetAndSelector is a UI component extension for Vaadin 8.1+. !!! See also https://github.com/vaadin/framework/issues/9974 !!! Workaround with UI.setMobileHtml5DndEnabled(true); seems to work for now It extends Vaadin's FileDropTarget (since 8.1) extension with file selector capability and uses the same api to transfer the selected file(s) to the server. This extension simple uses following approach to get the selected file or files, and passes the FileList to Vaadin's FileDropTargetConnector: [Using files from web applications](https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications)
Demo App

FileDropTargetAndSelector Add-on version 1.0.0

FileDropTargetAndSelector Add-on version 1.0.1
button-role component can be set or changed during runtime

FileDropTargetAndSelector Add-on version 1.0.2
unregister handler fixed

FileDropTargetAndSelector Add-on version 1.0.3
fixes file-input reset

FileDropTargetAndSelector Add-on version 1.0.4
fix initial file selector for autom. testing

FileDropTargetAndSelector Add-on version 1.0.5
fixes clean up for different scenarios (how component will be used)

FileDropTargetAndSelector Add-on version 1.0.7
fixes drop state (fixes client side exception which prevents sending file immediately to server. Mouse move or other action was needed in order transfer was processed)

Online