js判断文件上传大小
㈠ javaScript中怎么获取指定文件的大小
获取上传文件的大小：
<input type="file" name="fileId" id="fileId" class="height30 width-245">
function findSize(field_id){
var byteSize = 0;
if (!+[1,] && !$("#"+field_id).files) {
var filePath = $("#"+field_id).val();
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
byteSize = fileSystem.GetFile(filePath).size;
} else{
var fileInput = $("#"+field_id)[0];
byteSize = fileInput.files[0].size;
}
return ( Math.ceil(byteSize / 1024) );
}
㈡ 怎样限制fileupload控件上传的文件大小 js
您好，我来为您解答：
这就是一个判断而已，放在你要调用的JS方法里面，执行的代码在下面的控件里面执行的。
if(document.all.imgx.fileSize>1024*1024)
{
alert('图片文件超过指定大小(1M)，请重新上传附件');
window.event.returnValue=false;
return false;
}
就是在选择附件之后将这个文件传给img 在到JS方法里面判断
<asp:FileUpload ID="FileUpload2" runat="server" Width="353px" onchange="document.all.imgx.src=this.value"/><img src="" id="imgx" style="display:none">
转载，仅供参考。
如果我的回答没能帮助您，请继续追问。
㈢ 图片上传控制，总上传文件的大小（jsp版）
把属于某用户的已经上传了的所有照片大小计算出来；加上用户正准备上传的图片大小，如果超过了某个值 就不许上传；可以用js来判断准备上传文件的大小
js判断上传文件大小第一种方法是利用IE控件
<html>
<input type="file" name="file1" onchange="ShowSize(this.value)">
<script language="JavaScript">
<!--
function ShowSize(files)
{
var fso,f;
fso=new ActiveXObject("Scripting.FileSystemObject");
f=fso.GetFile(files);
if(f.size>1024*4){
alert(f.size+" Bytes");
}
}
//-->
</script>
</html>
第二种方法是利用IE下，Image对象的属性，如：fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters
限制：<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" id="fileChecker" alt="test" height="18"/>
<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete")
{
checkSize();
}
}
function checkSize()
{
var limit = document.getElementById("fileSizeLimit").value * 1024;
if (oFileChecker.fileSize > limit)
{
alert("too large");
}
else
{
alert("ok");
}
}
</script>
㈣ 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/jquery校验上传图片后缀为gif|png|jpeg|jpg格式的图片，尺寸为512*512 校验，大小限制为300k的文件
在使用JavaScript或jQuery校验上传图片时，确保图片后缀为.gif、.jpeg、.jpg或.png，并且尺寸为512*512，大小限制为300k，可以按照以下步骤进行操作：
首先，定义一个函数validate_edit_logo，接收一个参数a，用于判断是否需要返回布尔值。获取文件输入框的值，判断文件后缀是否符合要求，不符合则弹出提示信息并根据a的值决定是否返回false。
如果文件后缀符合要求，则创建一个image对象，设置其src属性为文件路径。获取图片的高度和宽度，以及文件大小。将图片元素添加到页面中，并显示相应的div区域。
接着，检查图片的宽度和高度是否超过512px，文件大小是否超过300k。如果条件都满足，则弹出提示信息并根据a的值决定是否返回false。
最后，根据a的值返回相应的布尔值。
通过这种方式，可以有效地校验用户上传的图片是否符合要求，从而保证网站或应用的正常运行。
㈥ 怎样用JS控制文件上传时FILE控件内默认的文件类型
有两种方式，
1、用fileupload控件在后台判断
FileUpload1.FileContent.Length判断大小，
System.IO.Path.GetExtension(FileUpload1.FileName)获取文件后缀
2、用jquery上传控件，可以直接判断类型和大小
另外js也可以在前台判断文件类型，但不能获取文件大小，需要引用插件