Drag-n-drop uploader

Webix JS
#1

Hi,

Is it possible to drag and external file into filemanager and trigger the uploader?

thanks

#2

DnD is enabled by default, but the file processing requires the corresponding handler.
You check test this example (uploading to our filesystem is restricted here) or test the same sample locally in the filemanager (or trial) package at /samples/01_basic/03_uploading.html

#3

Ok, thank you. But I need the handler to be a local proxy function. Right now i’m doing that for for ‘branch’ (as described here: https://forum.webix.com/discussion/7950/file-manager-dynamic-loading-branch-loading-via-function) but i’m not sure how things like onAfterFileadd, onFileUpload, and onFileUploadError would work for an upload proxy by function. Can you give me some guidance here?

Much appreciated!

#4

Proxy objects do not work with file uploading, this is a known limitation.

You can handle the onBeforeFileAdd of the File Manager uploader to execute custom logic before uploading.

$$("files").getUploader().attachEvent("onBeforeFileAdd", function(file_struct){
   //if file is ok, send it back to Uploader to start loading
   this.addFile(file_struct.file);
   //cancel default logic
   return false;
});

Check the following snippet, please: http://webix.com/snippet/d7101c66.