Disable open when file drag and dropped to web browser

Question

When dragging and dropping files to Internet Explorer and Chrome, they both open the file that was dragged and dropped. I would like to disable this functionality so that the dragged and dropped file does not automatically open.

Is this a browser setting or a Windows setting?

Answer 1

Answer to the question is both. In browser console:

window.addEventListener("dragover",null)
window.addEventListener("drop",null)

Will disable responds to dragevent within browser and you can turn this into a java bookmarklet. However,

the behaviour is about your operating systems UI and chrome itself. UI sends a message to chrome process that something is dragged over. Chrome responds. You can block either of them as a definite solution.

Answer 2

I think this is what you are looking for...

 $( '#div_yourdroparea' ).bind( 'dragover',function(event) {
        event.stopPropagation();    
        event.preventDefault(); 
    });
    $( '#div_yourdroparea' ).bind( 'drop',function(event) {
     event.stopPropagation();   
      event.preventDefault();

    //your upload code goes here....
        }