js验证上传文件
主要正则写的不对
<input id="txt_bpice" type="file" /><input id="Button2" type="button" value="button" language="javascript" onclick="return Button1_onclick()" />
<script type="text/javascript">
function Button1_onclick() {
var txt_bpice=document.getElementById("txt_bpice");
var b=/\w+([.jpg|.png|.gif|.swf|.bmp|.jpeg]){1}$/;
var t_value=txt_bpice.value.toLowerCase() ;
var a=b.test(t_value);
alert(a);// ie=True ff=false；
}
</script>
‘贰’ 上传文件前先用js判断有没有选择文件
首先判断判断 ：document.getElementById("youFileCtl").value!=""；就可以判断有没有选择文件了。
‘叁’ js怎么验证上传的文件是excel
一般在js获取文件上传路径，然后得到文件后缀，然后根据后缀进行判断。
‘肆’ 利用 JS在客户端判断文件上传的真实格式（获取文件后缀的朋友就不要回答了） 急!
你在谷歌浏览器打开控制台，输入document.getElementById('file').files，这个方法也可以用来获取文件的大小，如果file有选择文件的话会显示filelist会有type出现，不过我试了一下，效果跟获取文件后缀名差不多，而且前端验证很容易欺骗，安全性考虑都会在后端重新验证。
‘伍’ ie7和ie8如何在不支持ActiveX的情况下通过js验证上传文件大小
思路是img标签中的dynsrc属性。
在FireFox、Chrome浏览器中可以根据document.getElementById(“id_file”).files[0].size 获取上传文件的大小（字节数），而IE浏览器中不支持该属性，只能借助<img>标签的dynsrc属性，来间接实现获取文件的大小（但需要同意ActiveX控件的运行，但是不会引起上面的不友好、不安全的提示）。
参考如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="DEscription" contect="my code demo" /> <meta name="Author" contect="[email protected]" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js check file size </title> </head> <body> <img id="tempimg" dynsrc="" src="" style="display:none" /> <input type="file" name="file" id="fileuploade" size="40" /> <input type="button" name ="check" value="checkfilesize" onclick="checkfile()"/> </body> <script type="text/javascript"> var maxsize = 2*1024*1024;//2M var errMsg = "上传的附件文件不能超过2M！！！"; var tipMsg = "您的浏览器暂不支持计算上传文件的大小，确保上传文件不要超过2M，建议使用IE、FireFox、Chrome浏览器。"; var browserCfg = {}; var ua = window.navigator.userAgent; if (ua.indexOf("MSIE")>=1){ browserCfg.ie = true; }else if(ua.indexOf("Firefox")>=1){ browserCfg.firefox = true; }else if(ua.indexOf("Chrome")>=1){ browserCfg.chrome = true; } function checkfile(){ try{ var obj_file = document.getElementById("fileuploade"); if(obj_file.value==""){ alert("请先选择上传文件"); return; } var filesize = 0; if(browserCfg.firefox || browserCfg.chrome ){ filesize = obj_file.files[0].size; }else if(browserCfg.ie){ var obj_img = document.getElementById('tempimg'); obj_img.dynsrc=obj_file.value; filesize = obj_img.fileSize; }else{ alert(tipMsg); return; } if(filesize==-1){ alert(tipMsg); return; }else if(filesize>maxsize){ alert(errMsg); return; }else{ alert("文件大小符合要求"); return; } }catch(e){ alert(e); } } </script> </html>
‘陆’ js怎么判断上传文件的大小
HTML中input标签有个类型是file。这个是可以上传文件使用的。你可以直接操作这个标签的size来获取文件的大小。
可通过下面的方式
html代码：
js代码：
varfileId="uploadtest";
vardom=document.getElementById(fileId);
varfileSize=dom.files[0].size;//文件的大小，单位为字节B
‘柒’ js文件上传验证文件类型第一个为文本，第二个为MP3格式，第三个为jpg 如何动态验证求解
下面是一个完整的HTML文档，你可以复制后进行直接测试。
代码中有必要的注释：
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>文件类定义</title>
</head>
<body>
<formmethod=postname=upformaction=""enctype="multipart/form-data">
<divid="file"style="margin-top:60px;width:auto;hegiht:auto;"></div>
<ahref="javascript:void(0)"onclick="addUpload()">添加附件</a>
<spanclass="required">语音文件</span>
<inputname="btn_up"class="cmd"type="button"id="btn_up"value="上传"style="cursor:hand"onclick="ajaxFileUpload(this.form,this.form.txt1.value)">
</form>
<scripttype="text/javascript">
varcount=0;
varmaxfile=3;
//增加元素
functionaddUpload(){
if(count>=maxfile)return;//限制最多maxfile个文件框
count++;
//自增id不同的HTML对象，并附加到容器最后
varnewDiv="<divid=divUpload"+count+">"
+"请选择上传的音频，图片，或文字，第"+count+"帧"
+"<br/>"
//下面的每一个input中，都加入了onchange事件，用以在选择完新文件后对其进行判断
//同时第二参数用以限定本输入框中的文件类型
+"文本：<inputname=txt"+count+"type=filemaxlength=30style=width:60%onchange='confirmType(this,"txt")'/><br/>"
+"图片：<inputname=img"+count+"type=filemaxlength=30style=width:60%onchange='confirmType(this,"img")'/><br/>"
+"MP3：<inputname=voice"+count+"type=filemaxlength=30style=width:60%onchange='confirmType(this,"voice")'/><br/>"
+"<inputtype=buttonvalue=删除onclick=delUpload('divUpload"+count+"')/>"
+"</div>";
document.getElementById("file").insertAdjacentHTML("beforeEnd",newDiv);
}
functionconfirmType(th,ty){
varv=th.value;
if(ty=='txt'&&/.txt$/i.test(v)){//如果是文本框
th.style.color='#090';//正确为绿色显示
}elseif(ty=='img'&&/.jpg$/i.test(v)){//如果是图片框
th.style.color='#090';//正确为绿色显示
}elseif(ty=='voice'&&/.mp3$/i.test(v)){//如果是MP3框
th.style.color='#090';//正确为绿色显示
}else{
th.style.color='#F00';//错误为红色显示
alert('您所选择的文件类型不正确');
}
}
</script>
</body>
</html>
‘捌’ js如何上传文件
js采用File API 来上传文件的。
File API 由一组 JavaScript 对象以及事件构成。赋予开发人员操作在 <input type=”file” … /> 文件选择控件中选定文件的能力。图 1 展示了 File API 所有的 JavaScript 的组合关系。
File API 简单示例
<body>
<h1>File API Demo</h1>
<p>
<!-- 用于文件上传的表单元素 -->
<form name="demoForm" id="demoForm" method="post" enctype="multipart/form-data"
action="javascript: uploadAndSubmit();">
<p>Upload File: <input type="file" name="file" /></p>
<p><input type="submit" value="Submit" /></p>
</form>
<div>Progessing (in Bytes): <span id="bytesRead">
</span> / <span id="bytesTotal"></span>
</div>
</p>
</body>
运行效果：
‘玖’ 用JS怎么判断上传文件控件是否未选择文件
这是html代码
<form name="form1" action="uploadPosdetailFile.html" method="post" ENCTYPE="multipart/form-data">
<div class="form" >
<p>
<span class="req"><input id="startDateTxt" name="startDateTxt" class="field size4" title="Enter the date" /></span>
<label>Start Date: <span>(Date format:MM/dd/yyyy,eg:01/01/2014)</span></label>
</p>
<p>
<span class="req"><input id="endDateTxt" name="endDateTxt" class="field size4" title="Enter the date" /></span>
<label>End Date: <span>(Date format:MM/dd/yyyy,eg:12/25/2014)</span></label>
</p>
<p>
<span class="req"><input type="file" name="uploadFileCtrl" class="field size4" title="Choose the file" /></span>
<label>Upload file: <span>(click browse to choose)</span></label>
</p>
</div>
<div class="buttons">
<input id="queryBtn" type="button" class="button" value="Submit" />
</div>
</form>
下面是验证，jquery写的
$("#queryBtn").click(
function(){
......
var s=document.form1.uploadFileCtrl.value;
if(s==""){
alert("Please choose a posdetail file.");
document.form1.uploadFileCtrl.focus();
return;
}
showLoadingWnd('Uploading,please wait...');
document.form1.submit();
}
);
‘拾’ js检验上传文件是否存在
判断客户端文件时，可以用 var fso,s=filespec; // filespec="C:/path/myfile.txt" fso=new ActiveXObject("Scripting.FileSystemObject"); if(fso.FileExists(filespec)) s+="文件存在."; else s+="文件不存在."; alert(s); 判断服务器端(网...