调用KEditor批量上传图片

来源：互联网发布：免费hifi音乐软件编辑：程序博客网时间：2024/06/05 02:15

<script charset="utf-8" src="/Keditor/kindeditor.js"></script><script charset="utf-8" src="/Keditor/lang/zh_CN.js"></script><script charset="utf-8" src="/Keditor/editor.js"></script><script>KindEditor.ready(function(K) {var editor = K.editor({cssPath : 'Keditor/plugins/code/prettify.css',uploadJson : 'Keditor/asp/upload_json.asp',fileManagerJson : 'Keditor/asp/file_manager_json.asp',allowFileManager : true,});K('#J_selectImage').click(function() {editor.loadPlugin('multiimage', function() {editor.plugin.multiImageDialog({clickFn : function(urlList) {var div = K('#F_Main_Pic');div.html('');var str='';K.each(urlList, function(i,data) {str=str+data.url+"|";});K('#F_Main_Pic').val(str);editor.hideDialog();}});});});});</script>

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

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

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

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

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

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