Handle external drop event in webix view

Webix JS
1

I have a webix view (below code)

webix.ui({

                        css: "imageViewer",

                        // width: 350,

                        id: "imageViewer",

                        height: docHeight,

                        container: "panelRight",

                        borderless: true,

                        template: '<a style="display:none" href="assets/js/vendor/web/viewer.html#C:Users/pdeekshitulu/My Documents/brandon Mitchell.pdf" id="pdfViewerLink" target="pdfviewer">Link</a><iframe src="assets/js/vendor/web/PH_Default.html" name="pdfviewer" id="pdfviewer" class="pdfViewer" frameborder="0" width="100%" height="100%"></iframe>'

                    });

I want to drag and drop elements into this view from windows explorer.How can I do it?

Please help!!!

Thank you.

2

If you need only to detect the file drop you can use something like next

webix.event( $$("imageViewer").$view, "drop", function(e){
  var data=e.dataTransfer;
  if(data&&data.files.length)
    for (var i = 0; i < data.files.length; i++)
      alert(data.files[i]);

   return webix.html.preventEvent(e);
});
3

Thank you