jquery.paste_image_reader.js

// 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);

how to use image copy and paste at web editor

can anybody guide me ?

Hi,

I am using html editor of extjs and want to paste image in text editor.
Can you please guide me that how can we integrate this code with extjs html editor.
Thanks is advance for your help.

example of usage

https://codepen.io/netsi1964/pen/IoJbg

thanks for the code !

Know any good tricks to get a pasted image in Safari? So far that one has been elusive. Onward to StackOverflow…

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!