Question

Is it possible to prevent the drag and drop(Move/Copy) image or any file on across the web application.

for ex: I have open my web application and selected a system image and dropping into that web application, it is opening an image in full size and showing the url as file:///C:/Users/Public/Pictures/Sample%20Pictures/Chrysanthemum.jpg

I want to prevent it.

Is it possible if yes then how any JS, if no then whats the reason?

Answer 1

 $(document).bind({
 dragenter: function (e) {
     e.stopPropagation();
  e.preventDefault();
  var dt = e.originalEvent.dataTransfer;
 dt.effectAllowed = dt.dropEffect = 'none';
},
dragover: function (e) {
  e.stopPropagation();
  e.preventDefault();
  var dt = e.originalEvent.dataTransfer;
  dt.effectAllowed = dt.dropEffect = 'none';
}
});

check this link: http://jsfiddle.net/andreymir/H3RR7/light/