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

JavaScript029

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

这样设置的:

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].sizealert("图片大小:"+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则不能上传 如图:

你的div的结构是下面这种结构吗?

<div>

     <img>

</div>

如果是的话,你先获取到div,

然后在div里获取img;

var aImg=document.getElementById("div's Id").getElementsByTagName('img')

for(var i=0i<aImg.lengthi++){

      aImg[i].style.height="the height you want"

      aImg[i].style.width="the width you want"

}

如果你所说的图片是指div的background,那么你可以在CSS里面用:

background-size:50px 100px(调整背景图片的大小)

background-repeat:no-repeat(是否平铺,否)

/*也可以:*/

background-size:40%100%(对背景图片进行拉伸)

当然用js的话也可以:

img.style.backgroudSize='50px 100px'

img.style.backgroudRepeat='on-repeat'