js前台控制文件大小

最新推荐文章于 2022-06-21 11:24:07 发布

afterRain

最新推荐文章于 2022-06-21 11:24:07 发布

阅读量5.5k

点赞数

分类专栏： jsp/js 文章标签： java function migration input file javascript

jsp/js 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

var FileMaxSize = 1000;//限制上传的文件大小，单位(k)
        var s=frm.imgfile1.value;
     //alert(s);
     // if(s==""){alert("No image,please select again!");document.personRight.imgfile1.focus(); return   false;}
        var   img   =   new   Image();
        img.src   =   s;
      //alert(img.fileSize);
        if(img.fileSize>FileMaxSize*1024){
              alert("The file size exceeds "+FileMaxSize+"K，please choose a smaller one!");
              document.personRight.imgfile1.focus();
              return false;
        }

********************************

javascript这样来写:
//文件大小验证函数,超过规定的上限,就不让上传,给用户提示ZYKb+
//如果文件超过5M,就不让上传S

考虑通用性，还是在服务器端判断好
http://dotnet.aspx.cc/ShowDetail.aspx?id=58EA3515-36F2-4FD9-AC89-EAF49F59816C

<HTML>
<HEAD>
<SCRIPT>
function getFileSize (fileName) {
var ext = fileName.substr(fileName.lastIndexOf(".")+1)
ext=ext.toLowerCase()
if(!(ext=="bmp" || ext=="gif" || ext=="jpg"))
{
alert("类型不对")
return -1
}
if (document.layers) {
if (navigator.javaEnabled()) {
var file = new java.io.File(fileName);
if (location.protocol.toLowerCase() != 'file:')
netscape.security.PrivilegeManager.enablePrivilege(
'没有权限'
);
return file.length();
}
else return -1;
}
else if (document.all) {
window.oldOnError = window.onerror;
window.onerror = function (err) {
if (err.indexOf('utomation') != -1) {
alert('没有权限，请降低安全性。');
return true;
}
else
return false;
};
var fso = new ActiveXObject('Scripting.FileSystemObject');
var file = fso.GetFile(fileName);
window.onerror = window.oldOnError;
return file.Size;
}
}

</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formName">
<INPUT TYPE="file" NAME="fileName">
<BR>
<INPUT TYPE="button" VALUE="查看" ONCLICK="alert(getFileSize(this.form.fileName.value))">
</FORM>
</BODY>
</HTML>

*************************************************************

<HTML>
<HEAD>
<title>******上传文件大小的限制和判断***********</title>
<script language="javascript" type="text/javascript">
function getFileSize(filename)
{
    // var filename = document.all('fileup').value; //获得上传文件的物理路径
    if(filename =='')
     {
       alert("你还没有浏览要上传的文件");
return false;
     }

     try {

var fso,f,fname,fsize;
var flength=40000; //设置上传的文件最大值（单位：kb），超过此值则不上传。
fso=new ActiveXObject("Scripting.FileSystemObject");
        f=fso.GetFile(filename);//文件的物理路径
fname=fso.GetFileName(filename);//文件名（包括扩展名）
fsize=f.Size; //文件大小（bit）
fsize=fsize/1024;
//去掉注释，可以测试
        //alert("文件路径："+f);
//alert("文件名："+fname);
//alert("文件大小："+fsize+"kb");
if(fsize>flength)
{
alert("上传的文件到小为："+fsize+"kb,/n超过最大限度"+flength+"kb,不允许上传 ");
return false;
}
else
{alert("允许上传，文件大小为："+fsize+"kb");}

      }
      catch(e)
{
alert(e+"/n 跳出此消息框，是由于你的activex控件没有设置好,/n"+
"你可以在浏览器菜单栏上依次选择/n"+
"工具->internet选项->/"安全/"选项卡->自定义级别,/n"+
"打开/"安全设置/"对话框，把/"对没有标记为安全的/n"+
"ActiveX控件进行初始化和脚本运行/"，改为/"启动/"即可");
         return false;
      }

   return true;

}
</script>
</head>
<body>
<form id="Form1" method="post" encType="multipart/form-data" runat="server">
<INPUT id="fileup" type="file" size="80" name="fileup" onpropertychange="getFileSize(this.value)">
<input type=button οnclick="getFileSize(document.all('fileup').value)" value="测试">

</form>
</body>

afterRain

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js前台控制文件大小

var FileMaxSize = 1000;//限制上传的文件大小，单位(k) var s=frm.imgfile1.value; //alert(s); // if(s==""){alert("No image,please select again!");document.personRight.imgfile1.focus(); return fa
复制链接

扫一扫