1.JSP
<!-- file 选择 模态框 -->
<div id="uploadDialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="title" aria-hidden="true">
<div class="modal-dialog" style="width:480px;">
<div class="modal-content">
<!-- 模框头部 -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×
</button>
<h4 class="modal-title">请选择上传文件</h4>
</div>
<!-- 模框主体 -->
<div class="modal-body">
<div class="row">
<div class="form_group">
<span class="input-group">
<span class="input-group-addon">文件名</span>
<input id="uploadFileName" class="form-control" readonly>
</span>
<span style="float: right">
<span class="btn btn-success fileinput-button" id ="upload_btn">
<i class="glyphicon glyphicon-plus"></i>
<span id="uploadSpan">添加附件</span>
<input type="file" name="file" id="fileinput" style="display: none">
</span>
</span>
<div class="row">
<div class="col-lg-10">
<div class="col-lg-4"></div>
<div class="col-lg-4">
<div id="process"></div>
</div>
<div class="col-lg-4"></div>
</div>
</div>
</div>
<!--<input type="file" name="file" id="fileinput" >-->
</div>
</div>
<!-- 模框底部 -->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal"
id="uploadDialog_cancelBtn">
关闭
</button>
<button type="button" class="btn btn-primary"
id="uploadDialog_sureBtn">
上传
</button>
</div>
</div>
</div>
</div>
2.JS:
$('#uploadFileName').val(null);
$('#fileinput').val(null);
$('#uploadDialog').modal({
backdrop: 'static',
keyboard: false,
show: false
});
$('#uploadDialog').unbind('shown.bs.modal');
// $('#mountGrdDialog_sureBtn').unbind('click');
$('#uploadDialog').bind('shown.bs.modal');
$('#uploadDialog').modal("show");
//模态框查询按钮绑定查询函数
// $('#uploadDialog_sureBtn').click(btnFunc.upload_func);
$("#upload_btn").unbind("click").bind('click', function () {
document.querySelector('#fileinput').click();
});
$('#uploadDialog_sureBtn').unbind("click").bind('click', function () {
showErrorDialog("", "请选择文件!");
});