Skip to content

Instantly share code, notes, and snippets.

@mikelehen

mikelehen/firepad-drag-drop-images.js

Created July 24, 2014 20:55
Download ZIP

Revisions

  1. mikelehen renamed this gist Jul 24, 2014. 1 changed file with 0 additions and 0 deletions.
    0 firepad-drag-drop-images → firepad-drag-drop-images.js
    View file
    File renamed without changes.
  2. mikelehen created this gist Jul 24, 2014.
    28 changes: 28 additions & 0 deletions firepad-drag-drop-images
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,28 @@
    codeMirror.setOption('onDragEvent', function(cm, e) {
    // Move the cursor as they drag.
    var pos = codeMirror.coordsChar({left: e.x, top: e.y });
    codeMirror.setCursor(pos);
    codeMirror.focus();

    var isImageDrop = e.type == 'drop' && e.dataTransfer.files && e.dataTransfer.files.length > 0 && e.dataTransfer.files[0].type && e.dataTransfer.files[0].type.indexOf('image/') > -1;
    if (!isImageDrop) return;
    event.preventDefault();

    var reader = new FileReader();

    reader.onload = function(event) {
    var img = new Image();
    img.onload = function () {
    firepad.insertEntity('img', {
    'src' : event.target.result,
    'width' : this.width,
    'height' : this.height
    });
    };
    img.src = event.target.result;
    };

    reader.readAsDataURL(event.dataTransfer.files[0]);

    return true;
    });