前后端分离处理Excel表格上传

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

*简述:***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">
        <
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值