Internet Explorer中的图像粘贴(以及Web浏览器控件)

时间:2016-07-06 20:26:00

标签: html internet-explorer-11 clipboard

我正在尝试使用HTML DOM和paste事件将图像粘贴处理为HTML内容。我可以在Chrome和Firefox中使用粘贴操作,但在Internet Explorer中我无法在Web模式下运行事件或在Web浏览器控件中运行本地文件(在IE11模式下)。

文本粘贴有效,但是当我在剪贴板中加载了图像时,粘贴事件甚至无法触发:

window.addEventListener("paste",function () {
   alert('paste');
   debugger;
   var items = (event.clipboardData || event.originalEvent.clipboardData).items;
   alert(JSON.stringify(items)); // will give you the mime types

   for (index in items) {
       var item = items[index];
       if (item.kind === 'file') {

           var blob = item.getAsFile();
           var reader = new FileReader();
           reader.onload = function (event) {
               alert(event.target.result)

           }; // data url!
           reader.readAsDataURL(blob);
       }
   }
});

我怀疑是安全问题,但我找不到任何明确的答案,或者是否有不同的方法来执行适用于Internet Explorer的操作。

具体来说,我在Web浏览器控件中使用了Ace Editor,并且编辑器中有一个文本选择,我希望能够捕获粘贴的图像。我也在独立的IE 11中尝试了这一点,无论是从一个文件还是通过一个Web服务器加载(只是为了看看安全区是否是罪魁祸首)但它似乎没有区别于它的运行 - 过去只是没有好了。

添加了备注 另请注意,在GitHub上,您可以将剪贴板中的图像粘贴到文本框中,然后上传并显示它们。这也不适用于IE 11 ......

0 个答案:

没有答案