Created
April 1, 2013 17:38
-
-
Save STRd6/5286415 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Created by STRd6 | |
// MIT License | |
// jquery.paste_image_reader.js | |
(function($) { | |
var defaults; | |
$.event.fix = (function(originalFix) { | |
return function(event) { | |
event = originalFix.apply(this, arguments); | |
if (event.type.indexOf('copy') === 0 || event.type.indexOf('paste') === 0) { | |
event.clipboardData = event.originalEvent.clipboardData; | |
} | |
return event; | |
}; | |
})($.event.fix); | |
defaults = { | |
callback: $.noop, | |
matchType: /image.*/ | |
}; | |
return $.fn.pasteImageReader = function(options) { | |
if (typeof options === "function") { | |
options = { | |
callback: options | |
}; | |
} | |
options = $.extend({}, defaults, options); | |
return this.each(function() { | |
var $this, element; | |
element = this; | |
$this = $(this); | |
return $this.bind('paste', function(event) { | |
var clipboardData, found; | |
found = false; | |
clipboardData = event.clipboardData; | |
return Array.prototype.forEach.call(clipboardData.types, function(type, i) { | |
var file, reader; | |
if (found) { | |
return; | |
} | |
if (type.match(options.matchType) || clipboardData.items[i].type.match(options.matchType)) { | |
file = clipboardData.items[i].getAsFile(); | |
reader = new FileReader(); | |
reader.onload = function(evt) { | |
return options.callback.call(element, { | |
dataURL: evt.target.result, | |
event: evt, | |
file: file, | |
name: file.name | |
}); | |
}; | |
reader.readAsDataURL(file); | |
return found = true; | |
} | |
}); | |
}); | |
}); | |
}; | |
})(jQuery); |
Very thank you for the suggestion, so how can we paste an image with a direct link to the same comment of Gitlab or Github.
Can we?
Ex: I just copy an image on the website and paste it in this comment. And it shows me like this.

@PhatDang You'll need to post the blob to your backend service then return the url for the uploaded content. Hope this makes sense!
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Know any good tricks to get a pasted image in Safari? So far that one has been elusive. Onward to StackOverflow…