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

怎么在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=documentgetElementById("userfile")valuetoLowerCase()split('');//以“”分隔上传文件字符串   // var aa=documentform1userfilevaluetoLowerCase()split('');//以“”分隔上传文件字符串           if(documentform1userfilevalue=="")    {        alert('不能为空!');        return false;    }    else    {    if(aa[aalength-1]=='gif'||aa[aalength-1]=='jpg'||aa[aalength-1]=='bmp'

||aa[aalength-1]=='png'||aa[aalength-1]=='jpeg')//判断格式    {var imagSize =  documentgetElementById("userfile")files[0]size;alert("大小:"+imagSize+"B")if(imagSize<102410241)        alert("大小在1M以内,为:"+imagSize/(10241024)+"M");        return true;    }    else    {        alert('请选择格式为jpg、gif、bmp、png、jpeg 的');//       return false;    }    }    }  </script>

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

var filePath=documentgetElementById("上传控件id")value;

var fileType=filePathsubstr(filePathlastIndexOf("\"))toLowerCase();

fileType这个是获取上传文件类型,大小,可以直接获取这个对象,获取fileSize属性除去1024就是大小

以上就是关于怎么在js 里面限制上传图片的大小不能超过 1M全部的内容,包括:怎么在js 里面限制上传图片的大小不能超过 1M、怎么用js限制上传的视频的大小和格式,坐等大神,求具体代码、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9715357.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存