调用KEditor批量上传图片

调用KEditor批量上传图片:

1. <script charset="utf-8" src="/Keditor/kindeditor.js"></script>
2. <script charset="utf-8" src="/Keditor/lang/zh_CN.js"></script>
3. <script charset="utf-8" src="/Keditor/editor.js"></script>
4. <script>
5.             KindEditor.ready(function(K) {
6.                 var editor = K.editor({
7.                 cssPath : 'Keditor/plugins/code/prettify.css',
8.                 uploadJson : 'Keditor/asp/upload_json.asp',
9.                 fileManagerJson : 'Keditor/asp/file_manager_json.asp',
10.                 allowFileManager : true,
11.                 });
12.                 K('#J_selectImage').click(function() {
13.                     editor.loadPlugin('multiimage', function() {
14.                         editor.plugin.multiImageDialog({
15.                             clickFn : function(urlList) {
16.                             var div = K('#F_Main_Pic');
17.                                 div.html('');
18.                                 var str='';
19.                                 K.each(urlList, function(i,data) {
20.                                 str=str+data.url+"|";
21.                                     });
22.                                     K('#F_Main_Pic').val(str);
24.                                 editor.hideDialog();
25.                             }
26.                         });
27.                     });
28.                 });
29.             });
30. </script>

html页面内头部首先导入需要的JS文件。

注意路径问题。我的KEditor目录和页面在一个目录下

下面是一个按钮J_selectImage和一个文本框F_Main_Pic，按钮点击后会调用批量上传图片的组件，文本框负责接收图片的路径，以“|”分割。

[html][/html] view plaincopy

 

1. <input name="F_Main_Pic" type="text" id="F_Main_Pic" size="50">

[html][/html] view plaincopy

 

1. <input type="button" value="上传图片..." name="J_selectImage" id="J_selectImage" />

接收到图片的路径，接下来你们知道怎么做了。想入库就入库，想显示就显示。不过先用split以“|”分割，才能得到每一个图片的路劲。

http://www.devba.com/index.php/archives/2169.html