JavaScriptSolidServer
diff --git a/‎index.js‎
Lines changed: 1 addition & 0 deletions b/‎index.js‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎lib/widgets.js‎
Lines changed: 12 additions & 1 deletion b/‎lib/widgets.js‎
Lines changed: 12 additions & 1 deletion
@@ -51,6 +51,7 @@ var UI = {
   pad: require('./lib/pad'),
   rdf:  rdf,
   signin: require('./lib/signin'),
+  solid: require('solid-client'),
   store: require('./lib/store'),
   table: require('./lib/table'),
   tabs: require('./lib/tabs'),
 
@@ -290,7 +290,7 @@ UI.widgets.askName = function (dom, kb, container, predicate, klass) {
 
 
 
-UI.widgets.makeDropTarget = function(ele, droppedURIHandler){
+UI.widgets.makeDropTarget = function(ele, droppedURIHandler, droppedFileHandler){
 
   var dragoverListener = function (e) {
     e.preventDefault() // Neeed else drop does not work [sic]
@@ -324,6 +324,17 @@ UI.widgets.makeDropTarget = function(ele, droppedURIHandler){
           console.log('Dropped text/uri-list: ' + uris)
         } else if (type === 'text/plain') {
           text = e.dataTransfer.getData(type)
+        } else if (type === 'Files' && droppedFileHandler) {
+          var files = e.dataTransfer.files; // FileList object.
+          // files is a FileList of File objects. List some properties.
+          // https://www.html5rocks.com/en/tutorials/file/dndfiles/
+          for (var i = 0, f; f = files[i]; i++) {
+            console.log("Filename: " + f.name + ", type: " + (f.type || 'n/a') +
+              " size: " + f.size + ' bytes, last modified: ' +
+              (f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a')
+              );
+          }
+          droppedFileHandler(files)
         }
       }
       if (uris === null && text && text.slice(0, 4) === 'http') {