- 浏览: 1103058 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (401)
- tomcat (7)
- win7 (13)
- stackOverflow (6)
- 1 (0)
- css (5)
- develop IDE (9)
- hibernate (16)
- struts2标签 (10)
- struts2 (25)
- 框架 (1)
- SQLserver2005 (20)
- 词汇解释 (1)
- views (1)
- eclipse (6)
- 效率提高 (12)
- 代码模块 (1)
- 源代码 (3)
- jsonplugin (5)
- ajax (2)
- json (3)
- ssis (14)
- 电脑故障 (10)
- oracle (12)
- poi;excel (5)
- sql (3)
- 正则表达式 (3)
- develop IDEk (8)
- myeclipse (14)
- win2003 (5)
- 正则表达式;js (2)
- js (27)
- 待解决 (2)
- ognl (1)
- com组件 (1)
- 游戏 (6)
- 线程 (0)
- 硬盘 (4)
- 格式化 (2)
- java (7)
- html (9)
- firebug (1)
- jquery (4)
- 文件上传下载 (1)
- vss (2)
- 触发器 (1)
- spring事务管理 (2)
- 模态对话框 (1)
- SQLserver2000 (1)
- web性能优化 (2)
- web安全 (1)
- jetty (1)
- 路由器 (1)
- ie6 (1)
- 缓存 (1)
- jsp (1)
- struts2源代码 (1)
- 方法 (1)
- uml (1)
- ie (3)
- Java日志框架 (1)
- myeclipse,oracle (1)
- freemarker (4)
- 注解 (4)
- svn (2)
- hadoop (15)
- lucene (1)
- word (1)
- spring (5)
- job (1)
- extjs (4)
- paxos (1)
- zookeeper (1)
- 分布式 (1)
- 手机故障 (2)
- maven (2)
- linux (9)
- 虚拟机 (1)
- ext (3)
- javascript (1)
- 数据库 (5)
- 多线程 (12)
- junit (2)
- utils (1)
- mybatis (4)
- Joda-Time (1)
- tftp (1)
- scala (12)
- Graphic2D (1)
- jsf (5)
- 《java并发编程实战》笔记 (16)
- storm (3)
- 设计模式 (3)
- 泛型 (2)
- 数学 (1)
- primeface (1)
- poi (5)
- 线性代数 (1)
- 动态代理 (3)
- mysql (2)
- DB2 (2)
- testNG (1)
- 虚拟机、编译器、增量发布 (1)
最新评论
-
zhouchaofei2010:
Saro 写道在log4j配置里把mapper所在包设为deb ...
mybatis出现sql异常时的日志优化-打印sql参数 -
Saro:
在log4j配置里把mapper所在包设为debug就行了,参 ...
mybatis出现sql异常时的日志优化-打印sql参数 -
pyl574069214:
...
poi Excel 水平居中 垂直居中 -
zhouchaofei2010:
杀手请杀人 写道能看到scala太难得了 谢谢
scala 下划线解析报错: missing parameter type for expanded function -
杀手请杀人:
能看到scala太难得了
scala 下划线解析报错: missing parameter type for expanded function
第一种是应用ActiveX控件的实现,例如:
Javascript代码
<script type="text/javascript">
function getFileSize(filePath)
{
var fso = new ActiveXObject("Scripting.FileSystemObject");
alert("文件大小为:"+fso.GetFile(filePath).size);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value);">
</body>
这种方法可以实现,也容易被开发人员想到,但是唯一不足之处是有安全提示,当然把文件名改为.hta则会屏蔽掉安全提示,但很难被需求所取。不推荐,也不多说
下面主要谈谈另一种方式,在html标签中有一个不为一般开发人员“深”知的img标签,先来说下他有的属性:src,dynsrc,start,alt,controls,loop,loopdelay,hspace,vspace....还有一些常用的属性就不列出来了,在这里我们说一下"dynsrc"这个属性:dynsrc可以用来插入各种多媒体,格式可以是Wav、Avi、AIFF、AU、MP3、Ra、Ram等等。url为音频或视频文件及其路径,可以是相对路径或绝对路径。
示例:<img dynsrc="xxxx.mp3">
这样我们就可以根据dynsrc动态赋值任何类型文件的路径,在javascript中根据Image对象本身的fileSize属性来得到文件的大小。当然Image对象还有其他的几个属性,例如:fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters... , 代码如下:
Javascript代码
<script type="text/javascript">
function getFileSize(filePath)
{
var image=new Image();
image.dynsrc=filePath;
alert(image.fileSize);
}
</script>
html代码
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
<script type="text/javascript">
function getFileSize(filePath)
{
var image=new Image();
image.dynsrc=filePath;
alert(image.fileSize);
}
</script>
<body>
<INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)">
</body>
<html> <head> <script type="text/javascript"> function getFileSize(filePath) { var image=new Image(); image.dynsrc=filePath; alert(image.fileSize); } </script> </head> <body> <INPUT TYPE="file" NAME="file" SIZE="30" onchange="getFileSize(this.value)"> </body> </html>
http://www.alixixi.com/web/a/2009081857577.shtml
发表评论
-
Ext3.3 在ie6上的诡异问题1:点击查询,或者随便弹出Ext.MessageBox.alert()后,下拉菜单的键头会移到左边
2014-11-06 10:59 1157Ext3.3 在ie6上的诡异问 ... -
Ext3.3 在ie6上的诡异问题1:点击查询,或者随便弹出Ext.MessageBox.alert()后,下拉菜单的键头会移到左边
2014-11-06 10:53 0Ext3.3 在ie6上的诡异问题1:点击查询,或者随 ... -
Ext3.3 在ie6 中gird 中bbar中定义的按钮诡异消失
2014-11-05 20:22 1182今天调试了一个很奇怪的Ext3.3 在ie6 上问题.问题是 ... -
js的prototype
2013-08-29 15:17 661代码演绎于:http://www.cnblogs.c ... -
js
2013-08-27 13:38 565js对象基础,对象的创建、属性、方法 的声明 以及可见 ... -
js 正则表达式 定位符
2013-06-24 17:36 2298百度“js 正则表达式 ... -
(转)js replace() 文本替换
2013-06-24 13:51 940目前在看《Secrets of the JavaScrip ... -
Parameters 与 arguments的区别(javascript解释)
2013-04-21 13:27 1881// declare a variable as a ... -
Javascript数组sort方法的分析(转)
2013-04-21 08:07 861特点:类似java的Comparator java: A ... -
数据操作后,页面alert提示例子3-后台js打印提示信息并重定向
2013-01-24 17:20 3011基类baseAction中java代码: /** ... -
数据操作后,页面alert提示例子2-ajax实现
2013-01-24 17:16 9731.页面 js文件:tipMessage.js ... -
弹出页面选择公用js方法,模态对话框与父窗口传递参数
2012-12-18 11:13 3507代码参考与jxwpgsh中的单位查找与定位功能 打开窗 ... -
使用JS屏蔽回车键(enter)提交表单
2012-07-26 13:09 1964<html> <head> ... -
长度的理解
2012-07-25 18:40 980字符长度: id为comContext的textAre ... -
textarea长度限制
2012-07-25 16:29 3655onpropertychange可以用来判断预定元素的val ... -
网页js代码过滤测试
2012-07-24 15:40 875<script>alert ('Test4')&l ... -
js判断页面是否加载完毕
2012-07-22 11:33 2234用 document.readyState == " ... -
jquery ajax异步获取数据,防止重复获取
2012-07-13 14:32 2467一个onclick事件,当发送一个ajax请求时,如果该请求没 ... -
滚动条拉动很缓慢,卡
2012-05-31 17:47 19281、可能显卡驱动有问题。 -- 360硬件大师测试驱动 ... -
Javascript中的单线程以及定时机制
2012-05-23 11:32 870参考:http://www.benben.cc/blog/?p ...
相关推荐
项目组经常会用到文件上传,但是如果在服务器端判断文件大小,那文件已经传到服务器了那也就没有任何意义了,而且打文件会造成服务器和网络的压力。 今天这个方法可以在前端就判断文件大小,否则就不上上传,支持...
js判断上传文件大小 兼容大部分主流浏览器
一个高手写的js判断文件大小,asp.net开发中挺实用的,分享给大家,喜欢的就下载吧 (this)"/> 即可~
以下代码展示了如何使用JavaScript来检查文件大小: ```javascript function getFileSize(filename) { // 检查文件名是否为空 if (filename === '') { alert("请选择文件!"); return false; } try { var ...
// 判断文件大小是否超过5MB if ((fileSize / (1024 * 1024)) > 5) { alert("文件大小不能超过5MB"); // 清空输入框 $("#" + target.id).val(""); return false; } } ``` #### 四、关键点解析 1. **检测...
然而,需要注意的是,这种方式并不能确保100%的准确性,因为某些文件格式可能会保存元数据或空格,即使内容为空,文件大小也可能不是0。例如,一个空的.txt文件可能会有1或2字节的元数据。在这种情况下,你可能需要...
总结起来,通过Ajax判断文件大小是利用JavaScript的FileReader API和Ajax技术实现的,可以提供无缝的用户体验,同时避免了不必要的服务器压力。如果在特定服务器环境下遇到问题,如IIS,需要进一步分析和调整服务器...
判断文件大小是否超出限制 `getFileSize`函数中,首先检查文件名是否为空,如果为空则提示用户选择文件。然后,尝试获取文件对象并计算其大小(以KB为单位)。接下来,与预先设定的文件大小限制(`flength`)进行...
由于项目需要,在网上找了一个JS判断上传文件大小的程序,经测试兼容IE6-9,Firefox10,Opera11.6,safari5.1,chrome17
三、文件大小限制的JavaScript实现 1. 获取文件大小 当用户选择文件后,`<input type="file">`标签的`change`事件会被触发。我们可以在这个事件中获取到选中的文件,并通过`FileList`对象的`item`方法获取到`File`...
`file.js`和`FileUploadField.js`可能是实现文件上传功能的JavaScript脚本文件,它们可能包含了对文件选择事件的监听、文件大小检查以及上传前的其他验证。具体实现需要查看这些文件的内容来了解。 总之,Struts2的...
Plupload内置了客户端文件大小检查的功能,可以轻松实现上述的客户端文件大小判断。使用Plupload,开发者可以自定义设置上传参数,如文件大小限制,并且能够优雅地处理各种浏览器的兼容性问题。 总的来说,客户端...
需求:客户端上传文件时,想先判断下文件的大小,如果超过一定大小,就直接拒绝上传请求 实现原理:根据不同浏览器的差异,在firefox和chrome中obj_file.files[0].size 获取文件打下,在ie6,ie7, ie8 中通过img的...
通过这个实例,我们可以了解到如何利用Node.js对文件系统进行高效地遍历和处理,并且理解到了文件大小数据对于前端优化的重要性。 对于前端开发而言,图片等静态资源通常是影响页面加载速度的主要因素之一。因此,...
对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。
接着,我们设置了最大允许的文件大小(10MB),并通过比较文件的实际大小与最大允许大小来判断文件是否符合要求。如果不符合要求,会弹出警告并返回`false`;如果符合要求,则返回`true`。此外,还添加了一个事件...
在JavaScript中,对上传文件大小进行判断是网页交互中常见的一种功能,特别是在处理用户上传文件时,为了防止服务器被大文件占用过多资源或确保文件上传符合网站规定,我们需要在前端进行预判。以下是对这个主题的...
然后,通过比较用户选择文件的路径(`filepath`)的后缀名(`fileend`)与`filetypes`数组中的元素,判断文件类型是否被允许。如果找到匹配的类型,则`isnext`设置为`true`,否则弹出警告提示并清空输入框。 2. **...
本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> [removed] var isIE = /msie/i.test...