单独调用两次上传组件，第二个不能显示

主题: 单独调用两次上传组件，第二个不能显示

作者: hai, 发布日期: 2012-10-16 12:35:29, 浏览数: 4132

单独调用两个上传组件，如一个缩略图，一个原图，

</script>

1. <input type="text" id="url" name="picurl" readonly="readonly" size="30" /> <input type="button" id="uploadButton" value="上传缩略图" />

2.<input type="text" id="url1" name="picurl1" readonly="readonly" size="30" /> <input type="button" id="uploadButton1" value="上传原图" />

两个上传按扭。

第二什么上传没法显示在文本框里。js这样写是否有错？

作者: 小浪子, 发布日期: 2012-10-16 12:54:42

试试：

KindEditor.ready(function(K) {
    K.create('#editor_id', {
        uploadJson: '/kindeditor/asp/upload_json.asp',
        fileManagerJson: '/kindeditor/asp/file_manager_json.asp',
        allowFileManager: true
    });
    doUpLoad(K, 'uploadButton', 'url');
    doUpLoad(K, 'uploadButton1', 'url1');
});

function doUpLoad(objEditor, objBtnId, objIdVal) {
    var UpBtn = objEditor.uploadbutton({
        button: objEditor('#' + objBtnId)[0],
        fieldName: 'imgFile',
        url: '/kindeditor/asp/upload_json.asp',
        afterUpload: function(data) {
            if (data.error === 0) {
                var url = objEditor.formatUrl(data.url, 'absolute');
                objEditor('#' + objIdVal).val(url);
            } else {
                alert(data.message);
            }
        },
        afterError: function(str) {
            alert('自定义错误信息: ' + str);
        }
    });
    UpBtn.fileBox.change(function(e) {
        UpBtn.submit();
    });
}

作者: hai, 发布日期: 2012-10-16 13:24:09

回复小浪子：还是不行，那个<input type="text" id="url1" name="picurl1" readonly="readonly" size="30" />

这个命名name="picurl"是不是不能修改啊，一改动就显示不了。

作者: 小浪子, 发布日期: 2012-10-16 14:09:59

回复hai：我这边测试可以啊。
Editor\examples\uploadbutton.html

我的代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Upload Button Examples</title>
<link rel="stylesheet" href="../themes/default/default.css" />
<script src="../kindeditor-min.js"></script>
<script>
KindEditor.ready(function(K) {
    doUpLoad(K, 'uploadButton', 'url');
    doUpLoad(K, 'uploadButton1', 'url1');
});

function doUpLoad(objEditor, objBtnId, objIdVal) {
    var UpBtn = objEditor.uploadbutton({
        button: objEditor('#' + objBtnId)[0],
        fieldName: 'imgFile',
        url: '/Editor/asp/upload_json.asp',
        afterUpload: function(data) {
            if (data.error === 0) {
                var url = objEditor.formatUrl(data.url, 'absolute');
                objEditor('#' + objIdVal).val(url);
            } else {
                alert(data.message);
            }
        },
        afterError: function(str) {
            alert('自定义错误信息: ' + str);
        }
    });
    UpBtn.fileBox.change(function(e) {
        UpBtn.submit();
    });
}
</script>
</head>
<body>
<div class="upload">
  <input class="ke-input-text" type="text" id="url" value="" readonly="readonly" size="80" />
  <input type="button" id="uploadButton" value="Upload" />
  <br>
  <input class="ke-input-text" type="text" id="url1" value="" readonly="readonly" size="80" />
  <input type="button" id="uploadButton1" value="Upload" />
  <br>
</div>
</body>
</html>

与name="picurl"无关

因为使用的是ID。

你把我的代码复制之后运行看看。

作者: trydoit, 发布日期: 2013-06-13 18:11:07

我在火狐中试没有问题，在IE和遨游中不正常

论坛 Forum