Jsp页面验证上传文件的类型

来源：互联网发布：金数据怎么做编辑：程序博客网时间：2024/06/06 00:46

随笔记录下来：

Jsp页面上传文件时对选择文件的类型进行验证：

这个大致功能就是选择文件提交前判断文件类型是否是 "xls"这种格式的，如果是就提交了，不是的话隐藏的提示语句会出现，然后阻断提交

如果你要上传的是图片，就吧“（fileLx=="xls"）”中的xls替换掉，写成你允许的格式后缀名就行了!

<form id="formobj"  action="${webRoot}/user/parseUserExcel" name="formobj"method="post" enctype="multipart/form-data"><table style="width: 100%;" cellpadding="0" cellspacing="1" class="formtable"><tr><td align="right"><label class="Validform_label"> 选择Excel文件: </label></td><td class="value" style="height: 45px;">  <input type="file"  id="file" name="file" value="选择文件" >      <a href='#' class='ace_button' style="margin-left: 2%;" onclick="scone();"> <i class=' fa fa-trash-o'></i>清空</a>     <span class="begin" id="text" style="color: red;">请按要求选择上传文件！</span></td></tr></table></form>

js如下

function change(){  var filePath = document.getElementById("file").value;  //获取文件名 var fileLx = filePath.toString().substring(filePath.toString().lastIndexOf(".")+1); //取得后缀 if(fileLx=="xls"){ $.ajax({type: "POST",        url: '${webRoot}/user/parseUserExcel',        cache: false,        data: new FormData($('#formobj')[0]),        contentType: false,        processData: false,        async: false,        error: function(data) {         tip("导入失败，请重新选择文件！");        },        success: function(data) {            tip(data.msg);             }    });  }else{$("#text").removeClass("begin");window.setTimeout(function(){$("#text").addClass("begin");},3000); }}

阅读全文

0 0