一、excel导入:(还有别的插件像EasuPoi ,ExcelUtil等)
1、需要导入包: Apache POI /
2、依赖: <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.9</version> </dependency>
官方Demo:
$(element).upload({
name: 'file',//上传组件的name属性,即<input type='file' name='file'/>
action: '',//向服务器请求的路径
enctype: 'multipart/form-data',//mime类型,默认即可
params: {},//请求时额外传递的参数,默认为空
autoSubmit: true,//是否自动提交,即当选择了文件,自动关闭了选择窗口后,是否自动提交请求。
onSubmit: function() {},//提交表单之前触发事件
onComplete: function() {},//提交表单完成后触发的事件
onSelect: function() {}//当用户选择了一个文件后触发事件
});
<style type="text/css">
.way2{
width: 50%;
position: relative;
background: #ededed;
border-radius: 4px;
height: 30px;
line-height: 30px;
}
.way2 label{
display: block;
width: 100%;
height: 20px;
text-align: center;
}
</style>
<div class="way2"><label>文件上传<input id="inputFile" type="file" name="inputFile" style="width: 150px" onchange="uploadFile()" hidden/></label></div>
3、项目代码:
<script src="<%=path%>/webresource/js/ajaxfileupload.js"></script>
<script>
// 导入Excell
function uploadFile() {
var file = $("#inputFile").val();
if (file != "" && file != null) {
$.ajaxFileUpload({
url: "<%=path%>/ExcelImport/uploadExcel",
secureuri: false,
//name:'inputFile',
fileElementId: 'inputFile',//file标签的id
dataType: 'json',//返回数据的类型
global:true,
data:{headCode:'SumAmount'},
complete:function(){
$.messager.progress('close');
$("#inputFile").val("");
},
success: function (data) {
if (data =="0") {
HdUtil.messager.info("表格数据导入成功");
// alert("上传成功");
queryCodShipData();
} else {
alert("上传失败");
}
},
});
}
}
</script>
4、poi工具类:
package net.huadong.util;
import org.apache.poi.hssf.usermodel.HSSFWorkbook;
import org.apache.poi.ss.usermodel.Cell;
import org.apache.poi.ss.usermodel.Row;
import org.apache.poi.ss.usermodel.Sheet;
import org.apache.poi.ss.usermodel.Workbook;
import org.apache.poi.xssf.usermodel.XSSFWorkbook;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import o