文章归档

chrome支持剪贴板事件，因此，利用这个事件，完成剪贴板图片直接粘贴，并自动上传服务器功能。 另外就是对于最新版firefox，可以直接粘贴，不用任何处理。原理是按照base64编码，直接将图片数据存入img标签的src中。 是方便了编辑，但是在其他不支持base64为src的浏览器，比如低版本IE，就无法展示图片了。 所以为了兼容性，还是将图片上传到web服务器的好。 网上能支持图文混排的word文档粘贴的，都需要安装activeX控件，而且收费还比较贵。 在时间、金钱、需求之间取个平衡了～ 下面是修改步骤： admin/editor/kindeditor.js 末尾加上： $(document).ready(function(){ var KE =editorMap[‘content’]; if(KE){ if(KE.isEmpty()){ KE.insertHtml(‘Chrome下可直接粘贴图片,并自动上传服务器,欢迎体验~’); } KE.edit.doc.onpaste = function(event){ // console.log(‘content bind onpaste.’); // use event.originalEvent.clipboard for newer chrome versions var items = (event.clipboardData || event.originalEvent.clipboardData).items; console.log(JSON.stringify(items)); // will give you the mime types // find pasted image among pasted items var blob; for (var i = 0; i < items.length; i++) { if (items[i].type.indexOf(“image”) === 0) { blob = items[i].getAsFile(); } } // load image if there is a pasted image // console.log(blob); if (blob !== null && blob != undefined) …

>>Read more

这是我参考webuploader与uploadify修改的上传插件，包含两个上传项目。 第一个：根据uploadify(由swfupload改装)改装而成；第二个：在webuploader的基础上进行了集成。