<input type="file" value="选择图片" name="accountLicence" onchange="fileChange(this,'pic')" class="inputText SelectBtn"> <input type="file" value="选择附件" name="accountLicence" onchange="fileChange(this,'doc')" class="inputText SelectBtn">
之前写的验证上传附件的方法,简单的展示下,虽然不够完善但还能用,后面会集合写出一个表单操作的插件,整理中~
function fileChange(target,docPic) { var fileSize = 0; var filePath = target.value; var agt = window.navigator.userAgent; var isIE = agt.toLowerCase().indexOf("msie") != -1; if (isIE && !target.files) { var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); if(!fileSystem.FileExists(filePath)){ Dialog.alert("附件不存在,请重新输入!"); return; } var file = fileSystem.GetFile (filePath); fileSize = file.Size; } else { fileSize = target.files[0].size; } var size = fileSize / 1024; if(docPic=="doc"&&size>4000){ Dialog.alert("附件大小不能大于4M!",function(){ target.value=""; }); } if(docPic=="pic"&&size>2000){ Dialog.alert("附件大小不能大于2M!",function(){ target.value=""; }); } if(size<=0){ Dialog.alert("附件大小不能为0M!",function(){ target.value=""; }); } //获得上传文件名 var fileArr=filePath.split("\"); var fileTArr=fileArr[fileArr.length-1].toLowerCase().split("."); var filetype=fileTArr[fileTArr.length-1]; //切割出后缀文件名 if(docPic=="pic"&&size<2000&&filetype != "jpg"&&filetype != "jpeg"&&filetype != "gif"&&filetype != "png"&&filetype != "bmp"){ Dialog.alert("文件类型错误!<br/>请选择【jpg/jpeg/gif/png/bmp】类型",function(){ target.value=""; }); } if(docPic=="doc"&&size<4000&&filetype != "doc"&&filetype != "docx"&&filetype != "xls"&&filetype != "xlsx"&&filetype != "pdf"){ Dialog.alert("文件类型错误!<br/>请选择【doc/docx/xls/xlsx/pdf】类型",function(){ target.value=""; }); } }