主题: kindeditor调用上传组件时,如果是在弹出层的AJAX页面中就有BUG
作者: lvtao.net, 发布日期: 2014-01-08 12:32:20, 浏览数: 3399
操作系统: win7

浏览器版本: 火狐 26  ,其它浏览器未测试

KindEditor版本:  最新 4.1.10

BUG再现步骤:
1.使用fancybox调用一个ajax页面,以弹窗形式展现
2.在这个AJAX页面中 调用咱的上传按钮及对应的代码
3.点击上传按钮,不能弹出文件选择窗口

期望结果: 解决。。。


如果这个 ajax页面单独打开它是可以打开上传窗口的,但是放进了弹窗里,它就不能了。。


作者: Roddy, 发布日期: 2014-01-08 12:37:28

你的写法有问题,ajax加载的页面不应该有JS代码。先Ajax加载纯HTML,然后执行一下JS代码。

http://kindeditor.net/ke4/examples/jquery-ui.html

回复
作者: lvtao.net, 发布日期: 2014-01-08 12:48:07

回复Roddy: 不是调用编辑器,我调用编辑器是没有问题的。。并且上传撒的都OK,是调用 那个上传组件

http://kindeditor.net/ke4/examples/uploadbutton.html

回复
作者: Roddy, 发布日期: 2014-01-08 13:15:34
回复lvtao.net:这个上传按钮是用Flash做的,也是Ajax加载后调用K.uploadbutton吧。
回复
作者: lvtao.net, 发布日期: 2014-01-08 13:36:58

回复Roddy: 

function loadUpload(id,pic){
    KindEditor.ready(function(K) {
    var uploadbutton = K.uploadbutton({
        button : K('#'+id)[0],
            fieldName : 'imgFile',
            urlType:'absolute',
            url : '/index.php?c=api&a=upload',
            afterUpload : function(data) {
            	if (data.error === 0) {
                    K('#'+pic).val(data.url);
                } else {
                    alert(data.message);
                }
            },
            afterError : function(str) {
                alert('error:' + str);
            }
        });
        uploadbutton.fileBox.change(function(e) {
            uploadbutton.submit();
        });
    });
}
你看我这儿是这样使用的,调用的时直接调用它个方法,然后绑定给ID并赋值给PIC
回复
发表新帖 发表回复