JS前端限制上传文件大小的方法 本帖最后由 xufangfanglemon 于 2011-07-22 18:46:16 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 直接这样判断,不可以么,用浏览器打开,为什么弹不出选择文件窗口?<html> <head> <title>Uploadify</title> <link href="js/uploadify-v2.1.4/uploadify.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/uploadify-v2.1.4/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/uploadify-v2.1.4/jquery.uploadify.v2.1.4.js"></script> <script type="text/javascript" src="js/uploadify-v2.1.4/jquery.uploadify.v2.1.4.min.js"></script> <script type="text/javascript" src="js/uploadify-v2.1.4/swfobject.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#upload_file").uploadify({ 'uploader' : 'js/uploadify-v2.1.4/uploadify.swf', 'script' : '', 'cancelImg' : '', 'folder' : '', 'removeCompleted' : true, 'onSelect':function(e,q,obj){ if(obj.size>20480) { alert("文件大小不可超过20KB!\n请处理好后再上传!"); return false; } else { return true; } }, 'onError':function(e,q,fobj,eobj){ alert(eobj.info); } }); }); </script></head> <body> <input type="file" name="upload_file" id="upload_file"></body> </html> 用ajax跟后台结合的话,相当于上传两次,不合适。所以先在通常采用的最好的方式是用flash来处理 var imgSize = new Image(); imgSize.dynsrc = file; //alert(imgSize.fileSize/1024); jquery 就可以做到的 也是,本来想着这样处理的,结果问题还是出现了,那样实际上还是先把文件上传了,没达到目的,大文件反应还是很慢,用uploadify,研究ing,多谢大家给建议哈 要么用Active 要么结合flash..记得ie8之前还可以的。现在IE浏览器越来越安全了,不能显示本地图片了,能显示本地图片就能判断大小了,火狐倒可以判断的。 啊哦,是么,结合flash是怎么处理的呢 看你们网站是什么样的网站了,如果是专门的媒体文件网站,那么开发专用的签名ACTIVEX插件是应该的。如果不是,还要求这么多干什么。 ActiveX可以 不过要数字签名 不然要关掉IE上面的一些设置 这显然不现实 可输入下拉框 自动匹配【editable select】 使用cookie实现自动登录 大家看这个网址 请高手看看那里的问题! 哪错了呢? js 控制<li> 左右滚动 求助,一个小问题,怎样实现在层外的地方点击,关闭该层? 紧急求助,关于层控制问题。 jquery如何解决跨域问题 请问用javascript可以得到用proxy的人的真实ip么? 正则表达式取控件内容中IMG标记的值(很久没来,直接100分) js对象继承的问题
<html>
<head>
<title>Uploadify</title>
<link href="js/uploadify-v2.1.4/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/uploadify-v2.1.4/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/uploadify-v2.1.4/jquery.uploadify.v2.1.4.js"></script>
<script type="text/javascript" src="js/uploadify-v2.1.4/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript" src="js/uploadify-v2.1.4/swfobject.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#upload_file").uploadify({
'uploader' : 'js/uploadify-v2.1.4/uploadify.swf',
'script' : '',
'cancelImg' : '',
'folder' : '',
'removeCompleted' : true,
'onSelect':function(e,q,obj){
if(obj.size>20480)
{
alert("文件大小不可超过20KB!\n请处理好后再上传!");
return false;
}
else
{
return true;
}
},
'onError':function(e,q,fobj,eobj){
alert(eobj.info);
}
});
});
</script>
</head>
<body>
<input type="file" name="upload_file" id="upload_file">
</body>
</html>
var imgSize = new Image();
imgSize.dynsrc = file;
//alert(imgSize.fileSize/1024);
也是,本来想着这样处理的,结果问题还是出现了,那样实际上还是先把文件上传了,没达到目的,大文件反应还是很慢,用uploadify,研究ing,多谢大家给建议哈
记得ie8之前还可以的。现在IE浏览器越来越安全了,不能显示本地图片了,能显示本地图片就能判断大小了,火狐倒可以判断的。