jquery - Upload a file on drop event javascript in internet explorer -


i need upload file on drop event in browser, need identify whether file dragged same window or other window (may local drive). if file drag , dropped same window don't need show upload popup in ie appears.below code used.

$("body").on('drop', function (e) {         e.preventdefault();         var files = e.originalevent.datatransfer.files;                     if (files) {                 showmultipleupload(files);             }             else {                 $.alert("error");             }         }); 

i have tried following methods didn't work

  1. e.srcelement, e.originalevent.srcelement, e.target having dom in drop file, no matter dragged from.

  2. e.originalevent.fromelement null.

  3. disable mousedown body.

    $("body").on('mousedown', function (e) {      e.preventdefault(); }); /* worked can't perform click event same body tag. */ 
  4. i had set event bubbling parameter false, unfortunately can't upload files. i.e. if drop in body, event handler not executed.

  5. using flag identify whether content dragged same window.

     $("body").on('mousedown',function(e){     e.preventdefault();     flag = true;      /* if dragged same body tag set true  */  });   $("body").on('drop', function (e) {     e.preventdefault();     if(!flag){     var files = e.originalevent.datatransfer.files;                 if (files) {             showmultipleupload(files);         }         else {             $.alert("error");         }      }     flag = false;      /* flag cleared on every drop event, since don't know         content dragged */   }); 

this method works if drop content outside body, flag set true always, there legit way solve this?


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -