您的位置：首页 > 其它

同一个页面多次调用KindEditor上传插件

2013-12-05 22:16 357 查看
同一个页面，两次调用上传组件，如身份证一个正面照上传，一个反面照上传，

<script>

KindEditor.ready(function(K) {

var uploadbutton = K.uploadbutton({

button : K('#uploadButton')[0],

fieldName : 'imgFile',

url : '/kindeditor//uploadFile',

afterUpload : function(data) {

if (data.error === 0) {

var url = K.formatUrl(data.url, 'absolute');

K('#url').val(url);

} else {

alert(data.message);

}

},

afterError : function(str) {

alert('error: ' + str);

}

});

uploadbutton.fileBox.change(function(e) {

uploadbutton.submit();

});

var uploadbutton1 = K.uploadbutton({

button : K('#uploadButton1')[0],

fieldName : 'imgFile',

url : '/kindeditor/uploadFile',

afterUpload : function(data) {

if (data.error === 0) {

var url = K.formatUrl(data.url, 'absolute');

K('#url1').val(url);

} else {

alert(data.message);

}

},

afterError : function(str) {

alert('error: ' + str);

}

});

uploadbutton1.fileBox.change(function(e) {

uploadbutton1.submit();

});

});

</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="上传原图" />

两个上传按扭。

但上传后，显示的上传文件名，总是赋值最后的调用的标签里，捣鼓半天，没有结果，知道问题使用了同一个K,但尝试二次调用K初始化,清空原来的值就是不行，最后在KingEditor论坛里发现，应该这样：调用前放不同的K，方可规避使用同一个K去执行后面的uploadbutton方法,代码如下：

<!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/uploadFile',
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('error: ' + 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>

另外，更多请参考KindEditor的官网：http://kindeditor.net/index.php
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航