前端技术学习(二)js判断文件大小(兼容IE8及以上)
来源:互联网 发布:算法设计最值 编辑:程序博客网 时间:2024/06/05 01:12
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="DEscription" contect="my code demo" />
<meta name="Author" contect="Michael@jb51.net" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE8">
<title>js check file size @ jb51.net</title>
</head>
<body>
< img id="tempimg" dynsrc="" src="" style="display:none" />
<input type="file" name="file" id="fileuploade" size="40" />
<input type="button" name ="check" value="checkfilesize" onclick="checkfile()"/>
</body>
<script type="text/javascript">
var maxsize = 2*1024*1024;//2M
var errMsg = "上传的附件文件不能超过2M!!!";
var tipMsg = "您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过2M,建议使用IE、FireFox、Chrome浏览器。";
var browserCfg = {};
var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE")>=1){
browserCfg.ie = true;
}else if(ua.indexOf("Firefox")>=1){
browserCfg.firefox = true;
}else if(ua.indexOf("Chrome")>=1){
browserCfg.chrome = true;
}
function checkfile(){
try{
var obj_file = document.getElementById("fileuploade");
if(obj_file.value==""){
alert("请先选择上传文件");
return;
}
var filesize = 0;
if(browserCfg.firefox || browserCfg.chrome ){
filesize = obj_file.files[0].size;
}else if(browserCfg.ie){
var obj_img = document.getElementById('tempimg');
obj_img.dynsrc=obj_file.value;
filesize = obj_img.fileSize;
alert(filesize);
}else{
alert(tipMsg);
return;
}
if(filesize==-1){
alert(tipMsg);
return;
}else if(filesize>maxsize){
alert(errMsg);
return;
}else{
alert("文件大小符合要求");
alert(filesize);
return;
}
}catch(e){
alert(e);
}
}
</script>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="DEscription" contect="my code demo" />
<meta name="Author" contect="Michael@jb51.net" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE8">
<title>js check file size @ jb51.net</title>
</head>
<body>
< img id="tempimg" dynsrc="" src="" style="display:none" />
<input type="file" name="file" id="fileuploade" size="40" />
<input type="button" name ="check" value="checkfilesize" onclick="checkfile()"/>
</body>
<script type="text/javascript">
var maxsize = 2*1024*1024;//2M
var errMsg = "上传的附件文件不能超过2M!!!";
var tipMsg = "您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过2M,建议使用IE、FireFox、Chrome浏览器。";
var browserCfg = {};
var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE")>=1){
browserCfg.ie = true;
}else if(ua.indexOf("Firefox")>=1){
browserCfg.firefox = true;
}else if(ua.indexOf("Chrome")>=1){
browserCfg.chrome = true;
}
function checkfile(){
try{
var obj_file = document.getElementById("fileuploade");
if(obj_file.value==""){
alert("请先选择上传文件");
return;
}
var filesize = 0;
if(browserCfg.firefox || browserCfg.chrome ){
filesize = obj_file.files[0].size;
}else if(browserCfg.ie){
var obj_img = document.getElementById('tempimg');
obj_img.dynsrc=obj_file.value;
filesize = obj_img.fileSize;
alert(filesize);
}else{
alert(tipMsg);
return;
}
if(filesize==-1){
alert(tipMsg);
return;
}else if(filesize>maxsize){
alert(errMsg);
return;
}else{
alert("文件大小符合要求");
alert(filesize);
return;
}
}catch(e){
alert(e);
}
}
</script>
</html>
阅读全文
0 0
- 前端技术学习(二)js判断文件大小(兼容IE8及以上)
- IE8及以上兼容总结
- 自定义滚动条(原生,兼容ie8以上)
- 兼容IE8及以上的换肤控件
- 前端技术学习之选择器(二)
- JS 判断数据类型(兼容)
- 前端开发学习之道:DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
- js检测上传文件大小(ie中判断文件上传兼容)
- css3糖果风格按钮(ie8及以下不兼容)
- jquery.uploadpreview.js文件大小限止,兼容ie8,safari9,对源码做了点修改
- IE8兼容 (ASP.NET)
- jQuery弹幕 (兼容IE8)
- jquery-form.js 兼容IE8 IE9等以上火狐谷歌等浏览器
- js 判断文件大小(缺陷,弹窗,访问剪切板)
- 兼容ie8以上的一些问题总结
- file 前端简单控制只上传图片(HTML5 和 兼容IE8 )
- 文件大小格式化(JS)
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- linux环境变量设置的三种方法
- java如何写接口给别人调用
- Linux常用命令列表
- ALDS1_2_A:Bubble Sort
- 多层线性模型(HLM)--层次嵌套样本应用HLM的必然性论证
- 前端技术学习(二)js判断文件大小(兼容IE8及以上)
- 实现一个简单的工作流例子全过程
- websocket实现android消息推送
- 精心积累技术汇集
- objective-c 编程基础(3.4 Foundation框架之字符串)
- 简单sql注入实战
- 2017-2018 ACM-ICPC Southeast Regional Contest (Div. 1) F.Move Away 几何
- com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: You have an error in your SQL syntax; che
- simulink模块库的一些介绍