Kindeditor单独调用多图上传实例

html代码：

<input type="button" id="J_selectImage" value="图片上传" />
<div id="J_imageView">
<?php foreach($imgs as $row):?>
<div class="img_view"><img class='iYuUpload-View' src='/Uploads/<?php echo $row['file_url'];?>'/><span class="view_del"id="<?=$row["id"]?>"><img delTarget="p_<?=$row['id']?>" src="/Public/Home/img/close_delete_2.png"></span></div>

<input type='hidden' thumbID="p_<?=$row['id']?>" value='<?=$row['thumbnail_url']?>' name='thumbPath[]' >
<input type='hidden' thumbID="p_<?=$row['id']?>" value='<?=$row['file_url']?>' name='imagePath[]'>
<?php endforeach;?>
</div> 

JS代码：

<script>
function clearUploadPic(i,obj){
$("input[preImagePathId="+i+"]").val("");
$("input[preThumbPathId="+i+"]").val("");
obj.remove();
}
KindEditor.ready(function(K) {
window.editor = K.create('#editor_id', {
height:'500px',
uploadJson: '<?=u('Upload/editorUpload?uid='.cookie('uid'))?>',
items : [
'source','fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'image']

});



K('#J_selectImage').click(function() {
editor.loadPlugin('multiimage', function() {
editor.plugin.multiImageDialog({
clickFn : function(urlList) {
var div = K('#J_imageView');
//div.html('');
K.each(urlList, function(i, data) {

div.append('<div class="img_view"><img src="' + data.url + '"><span class="view_del" onclick="clearUploadPic('+i+',$(this).parent())"><img src="/Public/Home/img/close_delete_2.png"></span></div>');
div.append('<input preImagePathId="'+i+'" name="imagePath[]" class="image-path" type="hidden" value="' + data.url +'">');
div.append('<input preThumbPathId="'+i+'" name="thumbPath[]" class="thumb-path" type="hidden" value="' + data.mini_url + '">');
//$("#thumbPath").val($("#thumbPath").val()+""+ data.mini_url);
});
editor.hideDialog();
}
});
});
});
})

</script>

以上这篇Kindeditor单独调用多图上传实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# Kindeditor单独调用  # KindEditor在php环境下上传图片功能集成的方法示例  # SpringMVC KindEditor在线编辑器之文件上传代码实例  # springmvc+kindeditor文件上传实例详解  # Kindeditor单独调用单图上传增加预览功能的实例  # Java KindEditor粘贴图片自动上传到服务器功能实现  # 给大家  # 希望能  # 这篇  # 多图  # 小编  # 大家多多  # 图片上传  # 上传  # delTarget  # view_del  # Home  # Public  # file_url  # View  # iYuUpload  # img  # echo  # Uploads  # src  # js 

相关文章： 微信小程序制作网站有哪些,微信小程序需要做网站吗？  兔展官网 在线制作,怎样制作微信请帖？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  平台云上自主建站：模板化设计与智能工具打造高效网站  如何快速重置建站主机并恢复默认配置？  如何在IIS中配置站点IP、端口及主机头？  打鱼网站制作软件,波克捕鱼官方号怎么注册？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  网站制作壁纸教程视频,电脑壁纸网站？  如何用已有域名快速搭建网站？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  建站主机系统SEO优化与智能配置核心关键词操作指南  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  子杰智能建站系统｜零代码开发与AI生成SEO优化指南  如何在阿里云香港服务器快速搭建网站？  盐城做公司网站,江苏电子版退休证办理流程？  建站主机选哪家性价比最高？  建站之星备案流程有哪些注意事项？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  学校为何禁止电信移动建设网站？  如何在IIS服务器上快速部署高效网站？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  建站之星如何快速解决建站难题？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  建站之星Pro快速搭建教程：模板选择与功能配置指南  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  浅谈Javascript中的Label语句  建站上市公司网站建设方案与SEO优化服务定制指南  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  c++ stringstream用法详解_c++字符串与数字转换利器  香港服务器选型指南：免备案配置与高效建站方案解析  大同网页,大同瑞慈医院官网？  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  如何注册花生壳免费域名并搭建个人网站？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  如何通过智能用户系统一键生成高效建站方案？  济南专业网站制作公司,济南信息工程学校怎么样？  如何高效配置香港服务器实现快速建站？  建站之星如何修改网站生成路径？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  建站主机是什么？如何选择适合的建站主机？  如何快速生成ASP一键建站模板并优化安全性？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  如何通过远程VPS快速搭建个人网站？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  宝塔面板创建网站无法访问？如何快速排查修复？