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
e.srcelement, e.originalevent.srcelement, e.target having dom in drop file, no matter dragged from.
e.originalevent.fromelement null.
disable mousedown body.
$("body").on('mousedown', function (e) { e.preventdefault(); }); /* worked can't perform click event same body tag. */
i had set event bubbling parameter false, unfortunately can't upload files. i.e. if drop in body, event handler not executed.
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
Post a Comment