【文件属性】:
文件名称:Applet实现的ckeditor粘贴word图片且图片自动上传
文件大小:2.3MB
文件格式:ZIP
更新时间:2016-08-09 19:05:31
Word CKEditor applet 图片自动上传
最近用APPLET写了一个可以实现ckeditor中粘贴word图片且图片自动上传的插件,大家看看怎么样:
演示地址:
http://test.reremouse.com/wordimg/
插件使用JAVA APPLET技术开发,需要配合JavaScript使用,可以将网页中含有的本地图片(src为'file:///')自动上传到服务器并修改img标签的src属性为新的图片地址。典型应用场景如:配合ckEditor使用,使从WORD粘贴过来的内容中包含的本地图片自动上传到服务器。
---------------------------------------------------
依赖环境:JDK1.7+、jQuery、ckEditor4.2、浏览器不限
---------------------------------------------------
一般使用说明
JavaScript API:
类:
WordImageUploader(s_url, app_name)
s_url:图片上传的服务器页面地址,为动态页面,如servlet、PHP等;
app_name:当前应用的名称
在使用本插件前必须首先创建本类的对象,一个页面中最好只存在一个本对象,本类的创建方法如:
var uploader = new WordImageUploader(sUrl,appName);
该类的方法有:
uploadWordImagesFromCKEditor(editorInstance, pre_id)
本方法用于将CKEditor中的从WORD粘贴过来的文本中的所有本地图片自动上传到服务器,参数意义如下:
editorInstance:CKEditor的实例;
pre_id:图片上传到服务器后的名称的前辍,方便日后清理等维护工作,如不需要,设为'';
uploadLocalFile(localUrl, name)
本方法用于将单独本地图片上传到服务器,参数意义如下:
localUrl:图片的本地URL,一般形式为:file:///xxx
name:图片的名称
使用步骤:
1、引入jQuery类库;
2、引入js文件夹下的wordimage_uploader.js;
3、创建WordImageUploader对象;
4、ckEditor内容改变时调用uploadWordImagesFromCKEditor方法。
插件安装完成后应在网页状态档位置显示“监控台:欢迎使用“本地图片自动上传插件”。
---------------------------------------------------
本插件支持所有动态网站技术,DEMO所用技术为jsp,服务器端接受上传文件的动态页面为一Servelt:WordImageUploader.java,此文件已经在DEMO中给出,其它动态网站技术请参照此文件自行实现。
---------------------------------------------------
其它使用详情请参见DEMO源码。
网友评论
- 太不厚道了,少了不少东西,真坑,大家别下,浪费积分
- 完全不能用,少了 不少东西的
- 对我好像没啥用
- 为什么下载下来放在到自己的网站根目录,运行上传图片不成功,发现里面少了
- 浏览器不兼容,copy的时候自动上传图片也不行、、、
- 用处不大没用解决我的问题
- 很好的资源,刚好有需要。
- 东西不错,可惜对我用处不大啊
- 需要修改后才成使用
- 楼下瞎扯,你好好看看src里边是什么??WordImageUploader.java这个在里边是有的。 第一次看见JAVA还有这种插件,楼主很NB。
- 为什么下载下来放在到自己的网站根目录,运行上传图片不成功,发现里面少了Servelt:WordImageUploader.java这个关键的文件,不厚道
- 很好,doc可以用,但是docx不可用,总的还可以。