昇腾开源生态专区

本文主要从前台代码分析了jquery.form.js实现异步上传的方法，具体代码如下

js代码：

用beforeSubmit对上传前是否选择了文件进行校验，它会在提交表单前先执行。

1. //导入Excel
2. function fncImport() {
3. var options = {
4. url:'<c:url value="/yyfk/sgpurchaseManage/s-gpurchase!excelImport.action"/>',
5. type:"post",
6. dataType : 'json',
7. beforeSubmit:function(){
8. if($("#upload").val()==""){
9. alert("请先选择要上传的文件！");
10. }
11. },
12. success : function(data){
13. alert(data);
14. }
15. };
16. $('#importForm').ajaxSubmit(options);
17. }

jsp代码：

1. <form id="importForm" method="post" encType="multipart/form-data" >
2. <input type="hidden" name="fileHideUploadFlag" id="fileHideUploadFlag" value="-1"/>
3. <input type="file" id="upload" name="upload" size="20" ContentEditable="false" class="Lbordercolor" value=""/>
4. <input name="fncadd" type="button" class="anniu" value="批量导入" onclick="fncImport();"/>
5. </form>

此外，请检查jQuery版本与jQuery Form版本是否匹配，按jQuery Form官方推荐，需要使用jQuery 1.5+。我用的是jquery-1.11.3.js和 jquery-form4.0.1

版本一定要选择正确，我刚开始时也是因为版本不对，花费了较长时间，大概从周六下午5点一直弄到了周日上午11：34

附件列表