Paste Image to text-angular using angularjs

5cnsuln7  于 12个月前  发布在  Angular
关注(0)|答案(1)|浏览(140)

我想将剪贴板中的图像和屏幕截图添加到文本Angular 编辑器中。Like this

lnvxswe2

lnvxswe21#

这可以在textAngular.js库中完成。添加下面的代码将截图和数据从剪贴板粘贴到文本编辑器。

if (/Files/i.test(_types)) {
  for (var i = 0; i < clipboardData.items.length; i++) {
    if (clipboardData.items[i].type.indexOf("image") === 0) {
      var blob = clipboardData.items[i].getAsFile();
       var reader = new FileReader();
        reader.readAsDataURL(blob);
        reader.onload = function () {
            var base64String = reader.result;
            var id='img'+Date.now();
            pastedContent = '<img id="'+id+'" src="'+base64String+'" />';
            processpaste(pastedContent);
            e.stopPropagation();
            e.preventDefault();
            return false;
        }
    }
  }
}

字符串


的数据

相关问题