KindEditor4.1.10支持从剪切板中复制的图像直接上传（Chrome,IE11,opera）

最新推荐文章于 2018-06-26 17:12:45 发布

herotangabc

最新推荐文章于 2018-06-26 17:12:45 发布

阅读量5.3k

点赞数 1

文章标签：编辑器 chrome IE11 opera

本文链接：https://blog.csdn.net/herotangabc/article/details/38708491

版权

这篇博客介绍了如何扩展KindEditor4.1.10，使其在Chrome和IE11浏览器中支持从剪切板直接粘贴图片并上传。作者修改了`kindeditor.js`代码，处理了不同浏览器粘贴图片的不同格式，包括data URL和本地路径的情况，并特别提到在Chrome中处理Outlook收件箱图片的限制。博客内容涉及到FormData对象在IE11和Chrome中的应用。

摘要由CSDN通过智能技术生成

本人扩展了KindEditor4.1.10，使得他能够在Chrome和IE11中直接粘贴复制的图片（比如通过截图工具把图片直接保存在剪切板中），然后调用上传URL上传图片

方法，修改kindeditor.js中的代码：

在5825行附近大概是下面这个样子的：

		K(doc.body).bind('paste', function (e) {
			if (self.pasteType === 0) {
				e.stop();
				return;
			}

在第1行和第2行之间插入：

		    //处理IE11,Chrome粘贴图片上传
		    function dopasteImg() {
		        //debugger;
		        var file = null;
		        if (window.clipboardData) {//ie

		            if (clipboardData.files && clipboardData.files.length)//IE11
		                file = clipboardData.files[0];
		            else if (!clipboardData.getData("text") && !clipboardData.getData("url")) {
		                alert("不能粘贴文件或图片,请使用IE11或者Chrome浏览器,或使用上传功能");
		                return true;