调用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);
23. editor.hideDialog();
24. }
25. });
26. });
27. });
28. });
29. </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