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>
最新文章
- Permission denied user=hadoop access=WRITE inode=root rootsupergroup rwxr
- WordPaster-Chrome浏览器控件安装方法
- java万物皆对象
- hdu1033Defragment
- Sql Server数据库之通过SqlBulkCopy快速插入大量数据
- Codeforces 600 E. Lomsat gelral (dfs启发式合并map)
- (Map)利用Map,完成下面的功能:&#160; 从命令行读入一个字符串,表示一个年份,输出该年的世界杯冠军是哪支球队。如果该&#160;年没有举办世界杯,则输出:没有举办世界杯。&#160; 附:世界杯冠军以及对应的夺冠年份,请参考本章附录。&#160;附录&#160;(Map)在原有世界杯Map&#160;的基础上,增加如下功能:&#160;读入一支球队的名字,输出该球队夺冠的年份列表。&#160;例如,读入“巴西”,应当输出&#160;1958&#160;1962&#160;1970&#160;1
- App上线基本流程
- 【转】轻量级文本编辑器,Notepad最佳替代品:Notepad++--不错
- Spring 详解第一天
- 图画hadoop -- 生态圈
- windows下怎么解决Python双版本问题
- VUE 2.0 引入高德地图,自行封装组件
- python安装json的方法;以及三种json库的区别
- 软件工程(FZU2015) 赛季得分榜,第八回合
- 4步解决“Microsoft Office Professional Plus 2013在安装过程中出错”
- [dart学习]第一篇:windows下安装配置dart编译环境,写出helloworld
- Android面试优雅地介绍自己的项目
- IOS NSCharacterSet 去除NSString中的空格
- R12 更新对应用户的字符集