1、html
<div class="modal fade" id="addExcelModal" tabindex="-1" role="dialog" aria-labelledby="addExcelModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="addExcelModalLabel">
上传Excel
</h4>
</div>
<div class="modal-body">
<div class="uploadList">
<form class="form-horizontal" method="post" enctype="multipart/form-data">
<div class="form-group">
<label class="col-sm-2 control-label" for="ds_host">附件上传:</label>
<div class="col-sm-9 imgUpload">
<!--<input id="fileUp" name="fileUp" type="file" class="file" multiple="multiple">-->
<input name="files" id="upfile" type="file" class="file" data-overwrite-initial="false" data-min-file-count="1">
<input type="hidden" id="strStr" />
</div>
</div>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
</div>
</div>
</div>
</div>
2、js
var urlstr = '';
$("#upfile").fileinput({
uploadUrl: 'url', // you must set a valid URL here else you will get an error
overwriteInitial: false,
maxFileSize: 10240,
maxFilesNum: 10,
showUpload: false,
slugCallback: function(filename) {
return filename.replace('(', '_').replace(']', '_');
},
uploadExtraData:function(){
var data = {
额外的参数...
start: start
}
return data;
}
}).on("filebatchselected", function(event, data) {
console.log(data);
var fileDir = $("#upfile").val();
var suffix = fileDir.substr(fileDir.lastIndexOf("."));
console.log(suffix);
if(fileDir == "" ){
alert("选择需要导入的Excel文件!");
return false;
}
if(suffix !=".xls" && suffix != ".xlsx"){
alert("选择Excel格式的文件导入!");
return false;
}
$(this).fileinput("upload");
}).on("fileuploaded", function(event, data) {
bootbox.alert(data.response.msg);
$("#addExcelModal").modal('hide');
});