当前位置:编程学习 > JS >>

js上传文件(图片)限制图片格式和图片大小

js限制上传的图片像素大小

<form id="form1" name="yizuotu.net" method="post" action="" enctype="multipart/form-data">
 <p><input type="hidden" name="MAX_FILE_SIZE" value="100000" /></p>
 <p><input name="zzzyk.com" id="userfile" type="file" οnchange="check()"/></p>
< /form>

js上传文件限制图片格式:

js上传文件限制图片大小:

< script language="JavaScript" type="text/javascript">
  function check()
    {
    var aa=document.getElementById("zzzyk.com").value.toLowerCase().split('.');//以“.”分隔上传文件字符串
   // var aa=document.form1.zzzyk.com.value.toLowerCase().split('.');//以“.”分隔上传文件字符串 请把zzzyk.com 换成自己的控件名
       
    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')//js上传判断图片格式
    {
var imagSize =  document.getElementById("userfile").files[0].size;
alert("图片大小:"+imagSize+"B")
if(imagSize<1024*1024*3)
        alert("图片大小在3M以内,为:"+imagSize/(1024*1024)+"M");
        return true;
    }
    else
    {
        alert('请选择格式为*.jpg、*.gif、*.bmp、*.png、*.jpeg 的图片');//jpg和jpeg格式是一样的只是系统Windows认jpg,Mac OS认jpeg,
        return false;
    }
    }
    }
  </script>
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,