FCK编辑框粘贴图片直接上传到服务器实例

// FCK编辑框加载完成后执行初始化

function FCKeditor_OnComplete(oEditor){

 /*

 * 监听编辑框的粘贴事件

 * 编辑框实例对象：oEditor

 */

 pasteListener(oEditor)

}

/*

* 监听编辑框的粘贴事件

* 提示语使用了layui框架，图片上传使用了jq框架，所以页面必须要引入这两个框架

*/

function pasteListener(oEditor){

 // 获取实例对象Event

 var pasteEven = oEditor.EditorDocument.body

 // 粘贴事件

 pasteEven.addEventListener('paste',function(event){

   //阻止默认行为即不让剪贴板内容在编辑框中显示出来

   event.preventDefault();

   // 触发事件执行函数

   pasteHandler(event,oEditor)

 })

}

// 触发事件执行函数

function pasteHandler(event,oEditor){

 // 获取解析 粘贴的文本

 let clipboardData = (event.clipboardData || window.clipboardData);

 var items = clipboardData.items[0];

 // 粘贴内容为空不执行任何处理

 if (items) {

    // 判断粘贴内容是否是一个图片,非图片类型直接插入编辑框

    if (items.type.indexOf('image') !== -1) {

      // 执行上传图片

      uploadFile(items,oEditor);

    }else{

      // 获取剪切板的html格式内容

      let text = clipboardData.getData("text/html")

      // 将img标签清空

      text = text.replace(/<img.*?(?:>|\/>)/g,'');

      // 光标处插入

      oEditor.InsertHtml(text) ;

    }

 }

}