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

最新推荐文章于 2025-06-28 09:43:37 发布

原创

最新推荐文章于 2025-06-28 09:43:37 发布 · 5.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#编辑器 #chrome #IE11 #opera

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

本人扩展了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;
		            }
		        } else {
		            if (e.event.clipboardData.items)//chrome
		            for (var

最低0.47元/天解锁文章