*简述:***Excel上传,前后端分离,通过传统ajax上传文件,后台无法得到,因此对前台做了特殊处理,通过from提交方式,直接传流到后台。后台通过POI进行解析。
## 前端代码 ##
<form id="uploadForm" method="post" enctype="multipart/form-data">
<input id="prodImageUpload" class="b-position-absolute b-cursor inputstyle" type="file" name="file" style="width:100%;top:5px;right: 0;opacity: 0;">
</form>
$(function () {
var token = window.sessionStorage.getItem(‘token’);
var fileObj = $("#prodImageUpload");
fileObj.change(function(){
var formData = new FormData($("#uploadForm")[0]);
$.ajax({
type: "POST",
url: BaseURL + '/welfare/upload.ajax?token='+token,
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (data) {
var obj = $.parseJSON(data);
alert(obj)
}
})
});
*后端使用MVC
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<

该博客介绍了在前后端分离的项目中处理Excel表格上传的方法。由于传统ajax无法将文件上传到后台,作者采用form提交方式直接传递文件流。后台使用了Apache POI库来解析接收到的Excel文件。在前端部分,代码使用了jQuery,并从sessionStorage获取token。后端以MVC模式的Controller层处理上传,但由于开发任务繁重,代码可能较为冗余,作者欢迎读者提出改进建议。

351

被折叠的 条评论
为什么被折叠?



