pinboard.js

      
      document.addEventListener('dragenter', stopPropagation, false);
      document.addEventListener('dragexit', stopPropagation, false);
      document.addEventListener('dragover', stopPropagation, false); 
      document.addEventListener('drop', function (event) {
        
        // ALL THIS INSIDE THE "DROP" EVENT
        
        var fileReader = new FileReader();
        
        // File references +++++++++++++++++++++++++++++++++++++++
        
        var file = event.dataTransfer.files[0];
        
        
        // Starts loading ++++++++++++++++++++++++++++++++++++++++
        
        fileReader.readAsDataURL(file);
        
        
        
        // Triggers one image data is loaded +++++++++++++++++++++++
        
        fileReader.onloadend = function(event){
          // DEBUG!
          console.log( event )
          
          var image_data = event.target.result;
          // Append to body
          
          var image = new Image()
          image.src = image_data;
          
          var body = document.getElementsByTagName('body')[0]
          
          body.appendChild(image)
        }
        
        
        
      });