javascript实现限制上传文件的大小
摘要:[二]、示例测试代码:filesize-check.html1234567jscheckfilesize@www.micmiu.com8910111213141516varmaxsize=2*1024*1024;//2M17varerrMsg="上传的附件文件不能超过2M!!!";18vartipMsg="您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过2M,建议使用IE、FireFox、Chrome浏览器。
目录
- 基本思路
- 示例
[一]、基本思路
在FireFox、Chrome浏览器中可以根据document.getElementById(“id_file”).files[0].size获取上传文件的大小(字节数),而IE浏览器中不支持该属性,只能借助<img>标签的dynsrc属性,来间接实现获取文件的大小(但需要同意ActiveX控件的运行)。
[二]、示例
测试代码:filesize-check.html
4 |
< meta name = "DEscription" contect = "my code demo" /> |
5 |
< meta name = "Author" contect = "Michael@www.micmiu.com" /> |
6 |
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" /> |
7 |
< title >js check file size @ www.micmiu.com</ title > |
10 |
< img id = "tempimg" dynsrc = "" src = "" style = "display:none" /> |
11 |
< input type = "file" name = "file" id = "fileuploade" size = "40" /> |
12 |
< input type = "button" name = "check" value = "checkfilesize" onclick = "checkfile()" /> |
15 |
< script type = "text/javascript" > |
16 |
var maxsize = 2*1024*1024;//2M |
17 |
var errMsg = "上传的附件文件不能超过2M!!!"; |
18 |
var tipMsg = "您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过2M,建议使用IE、FireFox、Chrome浏览器。"; |
20 |
var ua = window.navigator.userAgent; |
21 |
if (ua.indexOf("MSIE")>=1){ |
23 |
}else if(ua.indexOf("Firefox")>=1){ |
24 |
browserCfg.firefox = true; |
25 |
}else if(ua.indexOf("Chrome")>=1){ |
26 |
browserCfg.chrome = true; |
30 |
var obj_file = document.getElementById("fileuploade"); |
31 |
if(obj_file.value==""){ |
36 |
if(browserCfg.firefox || browserCfg.chrome ){ |
37 |
filesize = obj_file.files[0].size; |
38 |
}else if(browserCfg.ie){ |
39 |
var obj_img = document.getElementById('tempimg'); |
40 |
obj_img.dynsrc=obj_file.value; |
41 |
filesize = obj_img.fileSize; |
49 |
}else if(filesize>maxsize){ |
测试上传的文件大小:
各浏览器中的效果如下:
IE8:
FF(11.0):
Chrome(19.0.1084.56 m):
—————–
免责声明:文章转载自《javascript实现限制上传文件的大小》仅用于学习参考。如对内容有疑问,请及时联系本站处理。
上篇vue-created数论及其应用——密码学中的数论下篇
宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=
selenium的API提供了Alert类对alert弹出框的处理的方法,涉及到的方法有text,dismiss(),accept()和send_keys(),在javascript中主要有alert弹出警告框,confirm弹出确认框,prompt弹出输入框。selenium操作alert需要导入Alert的发类,具体为:from selenium.we...