主要使用 InputStream inputStream = mFile.getInputStream(); 读取上传文件 “ mFile为MultipartFile”
前端Augular 10
- html
<a href="javascript:;" class=" file btn btn-warning q7 ">录入展会信息
<input type="file" name="" accept=".xls, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" (change)="importExcel($event)">
</a>
- ts
importExcel(event) {
const that = this;
const file = event.target.files[0];
var form = new FormData();
form.append('file',file);
form.append('id','1');
var token =document.getElementById('token').innerHTML;
$.ajax({
url: urlRequest + '/EnergyConsumptionData/importExcel',
data: form,
type: 'post',
contentType: false,
processData: false,
dataType: 'json',
headers: {
Authorization: token},
async: false,
success(data) {
console.log(data);
if( data.data.code == 200){
that.msg = data.data.msg;
that.msg.push(data.data.runTime);
}else {
alert(data.data.msg);
}
}
});
}
- css
.file {
position: relative;
display: inline-block;
/*background: #D0EEFF;*/
/*border: 1px solid #99D3F5;*/
/*border-radius: 4px;*/
/*padding: 4px 12px;*/
overflow: hidden;
/*color: #1E88C7;*/
text-decoration: none;
text-indent: 0;
/*line-height: 20px;*/
}
.file input {
position: absolute;
/*font-size: 100px;*/
right: 0;
top: 0;
opacity: 0;
}
.file