62,046
社区成员
发帖
与我相关
我的任务
分享菜鸟求助KindEdit控件的单独上传图片功能
如题 不知道哪个大神这个做过？？下午我朋友给我整了段代码~可是是PHP的 我觉得效果挺好，单独整出上传图片的功能。可是我来使用，一直使用不了。
我贴代码
可就是没效果点击 button一直没效果 。。不知道哪个大神使用过。。。求教~~~
我贴代码
<script src="js/kindeditor.js" type="text/javascript"></script>
<link href="js/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function s() {
var editor = KindEditor.editor({
uploadJson: "/Public/upload_logo.php?scope=about&0xiaodir=url",
allowFileManager: true
});
editor.loadPlugin('multiimage', function () {
editor.plugin.multiImageDialog({
clickFn: function (urlList) {
var div = KindEditor('#photourl');
div.html('');
KindEditor.each(urlList, function (i, data) {
div.append('<p><input type="text" name="url[]" value="' + data.url + '" /><input type="button" value="删除" onclick="dj(this)"/></p>');
});
editor.hideDialog();
}
});
});
}
</script>
</head>
<body>
<div id="photourl">
<input type="button" value="上传照片" onclick="s()" />
</div>
</body>
可就是没效果点击 button一直没效果 。。不知道哪个大神使用过。。。求教~~~
...全文
请发表友善的回复…
发表回复
wuxin52115288 2014-04-23
- 打赏
- 举报
如图。效果是这样的
wuxin52115288 2014-04-23
- 打赏
- 举报
~~是单独剥离出那个上传图片那个功能
oWenRenSaoKe 2014-04-23
- 打赏
- 举报
//批量上传图片
K('#J_selectImage').click(function () {
editor.loadPlugin('multiimage', function () {
editor.plugin.multiImageDialog({
clickFn: function (urlList) {
var div = K('#svtplb');
div.html('');
var listpic = '';
K.each(urlList, function (i, data) {
div.append('<li style="float:left;padding-right:5px;"><a rel="dxImg" href="' + data.url + '" title=""> <img class="img1" src="' + data.url + '" width="134px" height="160" /></a> </li>');
listpic += getFileName(data.url) + ',';
});
listpic = listpic.substr(0, listpic.length - 1);
K('#lblWeiJianpicList').val(listpic);
editor.hideDialog();
$("a[rel=dxImg]").fancybox({
loop: false,
mouseWheel: false,
arrows: false,
closeClick: true
});
}
});
});
});
});
});
<input type="button" id="J_selectImage" value="选择图片" style="width: 113px; margin-top: 10px;
height: 30px; color: White; background-color: #9dacdd;" />
<ul class="svtplb" id="svtplb">
<%--图片插入到此处 --%>
</ul>
