jquery 文件上传

最新推荐文章于 2024-07-16 10:09:23 发布

想泡鱼的猫

最新推荐文章于 2024-07-16 10:09:23 发布

阅读量305

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lbb_java/article/details/75304565

本文介绍了一种在不兼容IE11浏览器的情况下，实现Excel文件上传的方法。通过使用jQuery插件替代原有的ajaxFileUpload插件，解决了兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<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,所以使用此方法替换.