调用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