不改安全级别,上传前,在客户端判断图片文件大小

原创 2004年08月17日 12:33:00

很早前收集的TIPS,最近在项目中用到了,可能会对大家有所帮助。

<!--摘自51js-->

<script>
var img=null;
function s()
{
if(img)img.removeNode(true);
img=document.createElement("img");
img.style.position="absolute";
img.style.visibility="hidden";
img.width = 0;
img.height = 0;
img.attachEvent("onreadystatechange",orsc);
img.attachEvent("onerror",oe);
document.body.insertAdjacentElement("beforeend",img);
img.src=inp.value;
}
function oe()
{
alert("cant load img");
}
function orsc()
{
if(img.readyState!="complete")return false;
alert("图片大小:"+img.offsetWidth+"X"+img.offsetHeight);
alert("图片尺寸:"+img.fileSize);
btn.disabled=false;
}
</script>
<input id=inp type="file">
<br>
<button onclick="s()">Test</button><button id=btn disabled>UpLoad</button>
 
大家看到,其实也很简单,它先是在内存中定义了一个IMG对象,然后用此对象在客户端得到IMG对象的各种属性。

关于项目中上传图片时图片尺寸和大小的判断问题

关于项目中上传图片时图片尺寸和大小的判断问题 获取页面中图片的尺寸有以下2种思路: 1,在前台页面,通过JS获取; 2,在后台通过文件流获取; 首先来看第一种,在前台页面中获取,首先谷歌浏览器...
  • reggergdsg
  • reggergdsg
  • 2016年04月13日 20:30
  • 1512

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

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

js上传前预览图片,检测上传文件大小

js上传图片前预览图片,检测上传图片大小,检测上传文件大小 js图片上传预览,上传文件大小 // 预览图片 function previewImg(file, imgId...
  • jiahengzhang
  • jiahengzhang
  • 2016年09月12日 13:09
  • 1210

兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> Firef...
  • ynztpwl
  • ynztpwl
  • 2011年12月31日 17:10
  • 1751

javascrip客户端验证文件大小及文件类型并重置上传

为了提高效率,很多时候需要在web页面中对客户端上传的文件进行验证,然后再上传到服务器。下面是我写的一个通用的javascrip脚本,虽然调用时需要赋的参数比较多,但都是实际需要中真正需要使用到的。各...
  • wenyizhenglove
  • wenyizhenglove
  • 2011年01月10日 11:12
  • 246

使用JS实现在客户端判断上传文件大小

说明: 1、在IE下要对安全级别调整。如果是默认情况下,需要用户确认打开activeX。经测试,IE,FF,Chrome可用。 2、GetFile 方法 根据指定的路径中的文件返回相应的 Fil...
  • jizhongchun
  • jizhongchun
  • 2011年11月23日 01:20
  • 2432

“js+flash上传组件”客户端验证文件大小

一,在看文章之前,需要了解的: 1.上传文件时,可以等上传完成之后验证文件大小。如果文件是G数量级的,或许在几个小时后才收到验证结果是可能是。 (如果你想批判这一条,请看下文); 2.验证所有文...
  • shaotongabc
  • shaotongabc
  • 2012年02月10日 21:53
  • 2036

上传文件大小判断

  • 2011年09月22日 23:16
  • 848KB
  • 下载

XUploadFiles 是一个用于辅助网站进行文件上传的客户端插件,同时能够自动生成图片的缩略图。   XUploadFiles 提供了方便的文件管理模式,以及上传大文件的功能。支持单文件上传、多文件上传、限制文件上传的大小、限制文件上传的类型

  • 2010年02月02日 14:31
  • 142KB
  • 下载

spring mvc上传文件超过设定大小异常处理客户端无响应:请求的连接被重置

controller类: @RequestMapping(path = "/file", method = RequestMethod.POST) public UploadMsg up...
  • w47_csdn
  • w47_csdn
  • 2017年07月31日 10:49
  • 1212
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:不改安全级别,上传前,在客户端判断图片文件大小
举报原因:
原因补充:

(最多只允许输入30个字)