怎么在js 里面限制上传图片的大小不能超过 1M?

2025-04-06 08:10:07
推荐回答(2个)
回答1:

这样设置的:

1、先用form标签创建一个上传的表单。


 


 



2、用Javascript设置格式和大小。

  function check()    {var aa=document.getElementById("userfile").value.toLowerCase().split('.');//以“.”分隔上传文件字符串   // var aa=document.form1.userfile.value.toLowerCase().split('.');//以“.”分隔上传文件字符串           if(document.form1.userfile.value=="")    {        alert('图片不能为空!');        return false;    }    else    {    if(aa[aa.length-1]=='gif'||aa[aa.length-1]=='jpg'||aa[aa.length-1]=='bmp'
||aa[aa.length-1]=='png'||aa[aa.length-1]=='jpeg')//判断图片格式    {var imagSize =  document.getElementById("userfile").files[0].size;alert("图片大小:"+imagSize+"B")if(imagSize<1024*1024*1)        alert("图片大小在1M以内,为:"+imagSize/(1024*1024)+"M");        return true;    }    else    {        alert('请选择格式为*.jpg、*.gif、*.bmp、*.png、*.jpeg 的图片');//       return false;    }    }    }  

图片超过1M则不能上传 如图:

回答2:

http://www.cnblogs.com/zhaozhan/archive/2010/04/05/1704898.html