kindeditor4.1截图直接粘贴到编辑器使用

发布期:2021-02-07 | 来源处:本站 | 编辑者:站长助手 | 浏览量:0
07
02
2021

以下是正文KindEditor4.1.10,使得他能够在Chrome和IE11中直接粘贴复制的图片(比如通过截图工具把图片直接保存在剪切板中),然后调用上传URL上传图片方法。

修改kindeditor.js中的代码

约在5941行附近,大概是下面这个样子的:


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 i = 0; i < e.event.clipboardData.items.length; i++) {
            if (e.event.clipboardData.items[i].kind === "file") {
                file = e.event.clipboardData.items[i];
                break;
            }
        }
        if (file == null) {

            if (!e.event.clipboardData.getData("url") && !e.event.clipboardData.getData("text")) {
                alert("不能粘贴文件或图片,请使用IE11或者Chrome浏览器,或使用上传功能");
                return true;
            }
        }
    }
    if (file) {
        if (!K.undef(self.allowImageUpload, true)) {
            alert("编辑器禁止上传图片,请与有关人员联系!");
            return true;
        }
        //获取File Blob
        //debugger;
        var blb;
        if (file.getAsFile) {//Chrome
            blb = file.getAsFile();
            if (blb.size === 0) {
                alert("不能获取剪切板中的" + (file.type.indexOf("image/") === 0 ? "图像" : "文件")
                          +"
如果是从OutLook中复制的,请换其他程序,如Word");
                return true;
            }
            sendfile(blb, file.type);
        } else {
            var fr = new FileReader();
            if (fr.readAsArrayBuffer) {//ie


                fr.onloadend = function (evt) {
                    blb = evt.target.result;
                    sendfile(blb, file.type);
                }

                fr.readAsArrayBuffer(file);
            }
        }
        function sendfile(b, t) {

            var xhr = new XMLHttpRequest();
            var formData = new FormData();
            var isImg = t.indexOf("image/") === 0;
            //formData.append('imgFile', file,"untitled." + t.split('/')[1]);
            //formData.append('imgFile', b);
            var myBlob = new Blob([b], { "type": t });
            formData.append('imgFile', myBlob, "untitled." + t.split('/')[1]);
            //formData.append('imgFile', b);
            formData.append('dir', isImg ? 'image' : 'file');
            xhr.open('POST', self.uploadJson);
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4&&xhr.status == 200) {
                    // if (fn) {
                    var data = _trim(xhr.responseText);
                    //if (dataType == 'json') {
                    data = _json(data);
                    if (data.error) {
                        if (typeof ($) !== "undefined" && $.messager && $.messager.alert) {
                            $.messager.alert('Error', data.message, 'warning');

                        } else {
                            alert(data.message);
                        }
                    } else {
                        //self.exec('insertimage', url, title, width, height, border, align);
                        if(K.undef(self.formatUploadUrl, true))
                            data.url =K.formatUrl(data.url, 'absolute');
                        self.exec('insertimage', data.url, "from clipboard", undefined, undefined, undefined, undefined);
                    }
                    //}
                    // fn(data);
                    // }
                }
            }
            xhr.send(formData);
        }
        return true;
    }
}
//debugger;
if (dopasteImg())
    e.stop();
      //处理粘贴结束5825


亲测有效,希望对你有帮助。







下面推荐类似信息

织梦图集关键词之间隔开的逗号/符号消失怎么处理?

发布日期:2022-02-27
织梦图集的关键词保存后再编辑关键词之间隔开的逗号/符号消失怎么处理?

织梦搜索页面分页码样式修改

发布日期:2020-07-30
织梦网站系统自带的搜索页面的分页码样式,不太美观,需要二次开发修改,才能达到美观的效果,下面为全宝鑫技术员,讲述一下怎样修改。

dede文件目录结构解说(了解dede系统每个文件作用)

发布日期:2020-05-26
了解织梦文件目录结构有什么?很简单,方便做安全(删除某些不需要的文件)和修改整个系统界面方便。

织梦图集上传图片不自动加水印的解决办法

发布日期:2021-04-26
织梦的图集模型在上传图片时默认是不给图集加水印的,也没有自动加水印的选项,所以我们需要对其进行修改

织梦DedeCMS开启商业授权收费,养好的韭菜开始收割

发布日期:2023-10-06
织梦DedeCMS,一家十多年没有更新和维护的网站架构开发公司,开始收割养好的韭菜了。让一些之前拿织梦DedeCMS开源架构原代码开发的,二开型公司直冒冷汗,直接m他娘了。可以说,这十多年来,对织梦D...

织梦系统出现 DedeCMS:CSRF Token Check Failed 解决办法

发布日期:2020-06-28
织梦网站操作系统出现 DedeCMS:CSRF Token Check Failed 解决办法,请详细看文章详细说明。
做网站保障承诺

全宝鑫公司,给客户做网站八大保障承诺:


1、按客户要求订制,专业技术员做到客户满意为止。


2、网页栏目和网页数不限,用户可通过网站后台增加和修改。


3、网站电脑版和移动版同时开发,同一网址,电脑打开是电脑版网页,手机打开自适应手机版网页。


4、网站美工和客户相互配合,客户提供产品相关的图片资料,美工排版,上传到网站。


5、网站搭建完成后,配网站操作说明书,和操作视频教学。


6、配相关网站优化排名资料,和网页图片处理软件,管理操作资料推送给客户。


7、根据搜索引擎规则编写网站代码,自然排名和竞价排名,容易被搜索引擎收录。


8、交一次搭建网站制作费用,获得终身网站使用权。


订制网站价格:普通型3至5千;高端型6至9千;特殊功能型1万以上,最终价格,根据您的要求定。



网店代管理说明

全宝鑫电商美工代管理网店流程,提供技术服务说明:


1、从专业拍摄产品图片;


2、到美工处理产品图片;


3、到上传产品资料图片;


4、到网店旺铺排版装修;


5、到优化管理网店旺铺。


同时网店经营商家只需要每天上班时间,按时登录网店的在线客服沟通工具,等待与询盘过来的客户及时沟通,也就是开始等待接订单。



TAG 标签
热线(微信同号):
137-6042-7131
在线客服:
售前
售前
售前
售后
微信图标
联系微信:
微信联系二维码
欢迎留言,我们及时与您沟通!
为您公司定制,最符合您公司的官方网站!

搭建网站定制网站,将获得全宝鑫公司,设计师免费为您设计
创意LOGO(商标),和设计您满意的名片

网店托管服务流程:拍摄产品、美工处理、上传网店、
版面设计、资料优化,按年托管!

工作日 9:00-18:00 等您联系咨询!(微信同号)137-6042-7131
留言说明您需要的服务!

您需要的服务?(可选填)


QQ咨询