jquery 文件上传

<script type="text/javascript" src="${ctxStatic}/js/jquery-form.js"></script>

$("#btnImportSubmit").click(function(){
var filepath = $("input[name='file']").val();
if(filepath!=""){
//ajaxFileUpload();
uploadPortraits();
}else{
CC.alert("没有要上传的文件!");
}
});

function uploadPortraits() {
var fileForm = $("#uploadForm");
var options  = {    
     url:'${ctx}/customer/admin/FinancialDataCollection/upload',    
     type:'post',  
     success:function(data){
      initData(data.resultData);
      $("#file").val("");
     },
     error: function (data, status, e){
              CC.alert("上传失败,请稍后在试!");
         }
 };
fileForm.ajaxSubmit(options);
}

<form:form id="uploadForm" action="${ctx}/customer/admin/FinancialDataCollection/upload" enctype="multipart/form-data" 

method="post" >
<div class="i-form-panel">
<div class="control-group">
<div class="controls col-sm-6">
<input type="file" name="file" id="file">
</div>
</div>
</div>
<div class="modal-footer">
<input id="btnImportSubmit" class="btn btn-primary" type="button" value="导 入"/>
<button class="btn i-btn btn-success" id="exportBtn" type="button">导入模板下载 </button>
<input id="btnSubmit" class="btn btn-primary" type="button" value="提交"/>
<input id="btnRefuse" class="btn btn-primary" type="button" value="拒绝"/>
</div>
<input type="hidden" id="id" value="${financialDataCollection.id }" name="id"/>
<label id="showResult"><font color='red'>${resultMsg}</font></label> 
            <label id="msgDetail"><font color='red'>${msgDetail}</font></label>

</form:form>

Controller层

public Map<String,Object> upload(@RequestParam("file") MultipartFile file,HttpServletRequest request,Model model){}


之前由于使用ajaxFileUpload插件进行Excel上传,由于某些原因不兼容IE11,所以使用此方法替换.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值