1. WebUploader的使用，引入css和js，css其实没什么用：

2. 定义上传框：

3.相关jquery：

// 文件上传

jQuery(function() {

var $ = jQuery,

$list = $('#thelist'),

$btn = $('#ctlBtn'),

state = 'pending',

uploader;

uploader = WebUploader.create({

// 不压缩image

resize: false,

// swf文件路径

swf: '/js/Uploader.swf',

// 文件接收服务端。

server: 'http://webuploader.duapp.com/server/fileupload.php',

// 选择文件的按钮。可选。

// 内部根据当前运行是创建，可能是input元素，也可能是flash.

pick: '#picker'

});

// 当有文件添加进来的时候

uploader.on( 'fileQueued', function( file ) {

$list.append( '

' );

});

// 文件上传过程中创建进度条实时显示。

uploader.on( 'uploadProgress', function( file, percentage ) {

var $li = $( '#'+file.id ),

$percent = $li.find('.progress .progress-bar');

// 避免重复创建

if ( !$percent.length ) {

$percent = $('

').appendTo( $li ).find('.progress-bar');

}

$li.find('p.state').text('上传中');

$percent.css( 'width', percentage * 100 + '%' );

});

uploader.on( 'uploadSuccess', function( file ) {

$( '#'+file.id ).find('p.state').text('已上传');

});

uploader.on( 'uploadError', function( file ) {

$( '#'+file.id ).find('p.state').text('上传出错');

});

uploader.on( 'uploadComplete', function( file ) {

$( '#'+file.id ).find('.progress').fadeOut();

});

uploader.on( 'all', function( type ) {

if ( type === 'startUpload' ) {

state = 'uploading';

} else if ( type === 'stopUpload' ) {

state = 'paused';

} else if ( type === 'uploadFinished' ) {

state = 'done';

}

if ( state === 'uploading' ) {

$btn.text('暂停上传');

} else {

$btn.text('开始上传');

}

});

$btn.on( 'click', function() {

if ( state === 'uploading' ) {

uploader.stop();

} else {

uploader.upload();

}

});

});

4. 这样就可以了，贴一下完整代码：html>

WebUploader

// 文件上传

jQuery(function() {

var $ = jQuery,

$list = $('#thelist'),

$btn = $('#ctlBtn'),

state = 'pending',

uploader;

uploader = WebUploader.create({

// 不压缩image

resize: false,

// swf文件路径

swf: '/js/Uploader.swf',

// 文件接收服务端。

server: 'http://webuploader.duapp.com/server/fileupload.php',

// 选择文件的按钮。可选。

// 内部根据当前运行是创建，可能是input元素，也可能是flash.

pick: '#picker'

});

// 当有文件添加进来的时候

uploader.on( 'fileQueued', function( file ) {

$list.append( '

' );

});

// 文件上传过程中创建进度条实时显示。

uploader.on( 'uploadProgress', function( file, percentage ) {

var $li = $( '#'+file.id ),

$percent = $li.find('.progress .progress-bar');

// 避免重复创建

if ( !$percent.length ) {

$percent = $('

').appendTo( $li ).find('.progress-bar');

}

$li.find('p.state').text('上传中');

$percent.css( 'width', percentage * 100 + '%' );

});

uploader.on( 'uploadSuccess', function( file ) {

$( '#'+file.id ).find('p.state').text('已上传');

});

uploader.on( 'uploadError', function( file ) {

$( '#'+file.id ).find('p.state').text('上传出错');

});

uploader.on( 'uploadComplete', function( file ) {

$( '#'+file.id ).find('.progress').fadeOut();

});

uploader.on( 'all', function( type ) {

if ( type === 'startUpload' ) {

state = 'uploading';

} else if ( type === 'stopUpload' ) {

state = 'paused';

} else if ( type === 'uploadFinished' ) {

state = 'done';

}

if ( state === 'uploading' ) {

$btn.text('暂停上传');

} else {

$btn.text('开始上传');

}

});

$btn.on( 'click', function() {

if ( state === 'uploading' ) {

uploader.stop();

} else {

uploader.upload();

}

});

});

5. springboot采用MultipartFile接收，直接转换成输入流读取即可，以前我做的时候不懂先生成文件，再读取文件成输入流，如下：BufferedInputStream fileStream = new BufferedInputStream(file.getInputStream());

6. 代码如下：@PostMapping("/importExcel")

@ResponseBody

public ResultBean importExcel(@RequestParam("file") MultipartFile file) {

ResultBean resultBean = new ResultBean();

try {

BufferedInputStream fileStream = new BufferedInputStream(file.getInputStream());

Sheet sheet = new Sheet(1, 0);

List list = EasyExcelFactory.read(fileStream, sheet);

for (Object obj : list) {

System.out.println(obj);

}

} catch (Exception e) {

e.printStackTrace();

}

return resultBean;

}

7. 当然easyexcel需要引入依赖：

com.alibaba

easyexcel

1.1.2-beat1

8.excel模板：

9.解析结果：