关闭

js上传文件(图片)限制格式及大小为3M · 观止

标签: js
15177人阅读 评论(1) 收藏 举报
分类:

如果你想快速解决这个问题,看本文就够了。查了好多资料,终于解决了,太耗时间了,本文留给给后来者,希望你们工作的更轻松

本文保存为.html文件用浏览器打开即可测试功能


<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>


<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*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>

4
1
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

html5上传图片限制大小

参考:http://www.linuxidc.com/Linux/2012-06/63635.htm html界面:type=“file”类型的jq:$('input[type=file]').ea...
  • qq_33386783
  • qq_33386783
  • 2016-04-06 21:48
  • 2512

使用js实现上传图片的大小限制

使用struts2的上传文件方式做的上传图片,但是遇到一个问题就是在前端js中怎么判断上传图片的大小,找了好久无意间发现了这个很好用。 if(file.files[0].size>2097152){ ...
  • bombwang1
  • bombwang1
  • 2016-01-11 15:16
  • 2131

【Js应用实例】限制上传图片大小

前端页面开发中,常遇到图片上传的需求,一般要求限制图片格式及大小,这里就把实现此功能所需代码贴出来,供同志们参考,也方便我以后复用。 功能要点:1.处理 类型type为file的输入元素的value值...
  • dream361
  • dream361
  • 2017-02-19 15:21
  • 1950

js 判断上传图片尺寸大小(var img =new Image())

上传时常常会碰到限制图片尺寸的需求,而在后台通过byte判断大小,虽可行,但如果在JS中判断显然是更好的选择,尤其是在不限制文件大小,只限制尺寸时。  通常会使用创建Image对象,或添加一个来获取,...
  • dcb_ripple
  • dcb_ripple
  • 2016-08-11 12:25
  • 13087

input type='file'上传图片限制大小,类型判断,以及原生js实现上传至后端前实现图片显

做项目时遇到了图片上传的问题,就专门学习了下,经查阅,总结得到如上实例,如上的结果都已经验证。 由于时间原因就简单粘贴图片了,错误之处请批评指正。谢谢
  • zjbkzj
  • zjbkzj
  • 2017-04-12 15:21
  • 7195

javascript 限制上传图片大小

很多时候要限制上传图片大小,比如限制在100KB以下,用javascript可以实现。但是在使用img.filesize时,图片尺寸一大了就会返回-1,解决办法是在浏览选择好图片路径以后,加入一个默认...
  • leezenbc
  • leezenbc
  • 2007-10-31 10:32
  • 8365

图片上传限制尺寸大小

http://blog.csdn.net/u014236259/article/details/52885591?locationNum=2&fps=1
  • Bruce_Zhang0828
  • Bruce_Zhang0828
  • 2017-10-12 18:33
  • 330

前端js限制上传文件类型及大小(1)

var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(target,id) { va...
  • superit401
  • superit401
  • 2016-06-24 18:18
  • 6495

js获取上传图片真实的尺寸大小和存储大小

window.check=function(){ var input = document.getElementById("file"); if(input.files){ ...
  • u014236259
  • u014236259
  • 2016-10-21 17:32
  • 12175

[JS进阶] HTML5 之文件操作(file)

在 HTML 文档中 标签每出现一次,一个 FileUpload 对象就会被创建。 该元素包含一个文本输入字段,用来输入文件名,还有一个按钮,用来打开文件选择对话框以便图形化选择文件。 该元素的...
  • oscar999
  • oscar999
  • 2014-07-09 08:11
  • 113280
    个人资料
    • 访问:833745次
    • 积分:9052
    • 等级:
    • 排名:第2408名
    • 原创:237篇
    • 转载:148篇
    • 译文:0篇
    • 评论:67条
    最新评论