怎么在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=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则不能早高上传 如图:

$("#ms_upload_file").change(function(){

//检验非空和文件大小

if($(this).val() !== '' &&checkSize(this)) {//其他 *** 旁颤作

}

})/**

* 函数:检查上传文件大小

* 输入:input的js对象

* 输出颂启手:

**/function checkSize(input) {

var Sys = {} var flag var filesize = 0 //判断浏览器种类

if (navigator.userAgent.indexOf("野嫌MSIE") >0) {

Sys.ie=true

}if (navigator.userAgent.indexOf("Firefox")>0) {

Sys.firefox=true

}//获取文件大小

if (Sys.firefox) {

filesize = input.files[0].size

} else if (Sys.ie){var fileobject = new ActiveXObject ("Scripting.FileSystemObject")//获取上传文件的对象

var file = fileobject.GetFile (input.value)//获取上传的文件

filesize = file.Size//文件大小

}//判断是否符合要求

if (filesize / (1024 * 1024) <5 ) {

flag = true

} else {

alert("附件过大,建议不要超过5M!")

flag = false

}return flag

}

<input type="file" name="myFile" id="form01" />

function validate_edit_logo(a){

var file = $('file').value

if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){

alert("图片类型必族搭须是清举.gif,jpeg,jpg,png中的一种")

if(a==1){

return false

}

}else{

var image = new image()

image.src = file

var height = image.height

var width = image.width

var filesize = image.filesize

$('beforeend').src=file

$('div_regi_right').setstyle('display', 'block')

if(width>512 &&height>512 &&filesize>300k){

alert('请上传512*512像素 或者大小小于300k的兆正拿图片')

if(a==1){

return false

}

}

if(a==1){

return true

}

}

}


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

原文地址: http://outofmemory.cn/tougao/8202313.html

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

发表评论

登录后才能评论

评论列表(0条)

保存