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

发布网友 发布时间：2022-04-22 03:43

我来回答

共2个回答

热心网友 时间：2024-03-03 18:50

这样设置的：

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

<form id="form1" name="form1" method="post" action="" enctype="multipart/form-data">
 <p><input type="hidden" name="MAX_FILE_SIZE" value="100000" /></p>
 <p><input name="userfile" id="userfile" type="file" onchange="check()"/></p>
</form>

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

<script language="JavaScript" type="text/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;    }    }    }  </script>

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

热心网友 时间：2024-03-03 18:50

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