您的位置:首页 > 其它

同一页面多次使用kindEditor的上传文件——兼容大部分浏览器

2013-12-10 18:09 543 查看
shopPersonalOrshopCompany.js:

KindEditor.ready(function(K) {

array = new Array("taxpayerMaterialId","idMaterialId","taxCertificateMaterialId","ktpMaterialId","businessLicenseMaterialId");

for ( var i = 0; i < array.length; i++) {

if($j("#" + array[i]+"_button")){

$j("#" +array[i]+"_button").click(function(){

$j('.ke-upload-file').trigger("click"); //kindEditor默认自动绑定弹出对话框的按钮

$j('#import_span').attr("data-id", $j(this).attr("id"));//使用一个临时标签,目的是存贮这一次点击触发按钮的id,方便后面使用

});

}

};

var UpBtn = K.uploadbutton({

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

fieldName: 'file',

url: baseUrl + '/register/kindEditor/uploadFile?id=' + K('#id').val() ,

afterUpload: function(data) {

if (data !=null) {

var id = $j('#import_span').attr("data-id").split("_")[0];//获得之前存贮在标签里的id,后面赋值

$j("#"+id).val(data.materialId);

$j("#"+id+"_fileName").text(data.fileName);

} else {

alert(data.message);

}

},

afterError: function(str) {

alert('error: ' + str);

}

});

UpBtn.fileBox.change(function(e) {

UpBtn.submit();

});

});

////////////////////////////////////////页面/////////////////////////////////

<link rel="stylesheet" type="text/css" href="${resUrl}/public/components/kindeditor/themes/default/default.css"></link>

<script type="text/javascript" src="${resUrl}/??public/components/kindeditor/kindeditor.js,public/components/kindeditor/lang/zh_CN.js,public/js/jquery.json-2.4.js"></script>

<script type="text/javascript" src="${resUrl}/merchant/js/openStore/shopPersonalOrshopCompany.js"></script>

<!--上传文件使用的span,不能删除-->

<span id="import_span" data-id="" style="display:none"><input type="button" id="import_button" value="upload" /></span>

〈!--end--->

<input type="button" id="taxpayerMaterialId_button" class="button borange ml20" value="按钮1"/>

<span id="taxpayerMaterialId_fileName"></span>

<input type="hidden" name="taxpayerMaterialId" id="taxpayerMaterialId"/>

<br/>

<input type="button" id="ktpMaterialId_button" class="button borange ml20" value="按钮2"/>

<span id="ktpMaterialId_fileName"></span>

<input type="hidden" name="ktpMaterialId" id="ktpMaterialId"/>

<br/>

<input type="button" id="businessLicenseMaterialId_button" class="button borange ml20" value="按钮3"/>

<span id="businessLicenseMaterialId_fileName"></span>

<input type="hidden" name="businessLicenseMaterialId" id="businessLicenseMaterialId"/>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐