前端使用Ajax傳值方式:
<body>
<input type="file" id="importFile"/>
<input type="button" id="import-submit" value="提交導入文件"/>
</body>
<script type="text/javascript">
$('#import-submit').click(function () {
var formData = new FormData();
var name = $("#importFile").val();
formData.append('file', $("#importFile")[0].files[0]);
// 此處可傳入多個參數
formData.append('name', name);
$.ajax({
url: '/collar/import',
type: 'post',
async: false,
data: formData,
processData: false,// 告訴jQuery不要去處理髮送的數據
contentType: false,// 告訴jQuery不要去設置Content-Type請求頭
beforeSend: function () {//過程...
console.log('正在進行,請稍候')
},
success: function (res) {
if (+res === '01') {
console.log('導入成功')
} else {
console.log('導入失敗')
}
},
error:function(){
console.log('導入失敗')
}
})
})
</script>
後端:
@RequestMapping("/import")
public void export(VivoIMEIUp zipRequest, @RequestParam("file") MultipartFile file,
HttpServletRequest request, HttpServletResponse response) {
//通過file.getInputStream();處理
}