js判断文件大小利用img 的 dynsrc，兼容IE10 及以上

zoukankan html css js c++ java

js判断文件大小利用img 的 dynsrc，兼容IE10 及以上
原文链接
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3. <html xmlns="http://www.w3.org/1999/xhtml">
4. <head>
7. <meta name="DEscription" contect="my code demo" />
8. <meta name="Author" contect="Michael@jb51.net" />
9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10. <meta http-equiv="X-UA-Compatible" content="IE=emulateIE8">
11. <title>js check file size @ jb51.net</title>
12. </head>
13. <body>
14. < img id="tempimg" dynsrc="" src="" style="display:none" />
15. <input type="file" name="file" id="fileuploade" size="40" />
16. <input type="button" name ="check" value="checkfilesize" οnclick="checkfile()"/>
17. </body>
18. <script type="text/javascript">
19. var maxsize = 210241024;//2M
20. var errMsg = "上传的附件文件不能超过2M！！！";
21. var tipMsg = "您的浏览器暂不支持计算上传文件的大小，确保上传文件不要超过2M，建议使用IE、FireFox、Chrome浏览器。";
22. var browserCfg = {};
23. var ua = window.navigator.userAgent;
24. if (ua.indexOf("MSIE")>=1){
25. browserCfg.ie = true;
26. }else if(ua.indexOf("Firefox")>=1){
27. browserCfg.firefox = true;
28. }else if(ua.indexOf("Chrome")>=1){
29. browserCfg.chrome = true;
30. }
31. function checkfile(){
32. try{
33. var obj_file = document.getElementById("fileuploade");
34. if(obj_file.value""){
35. alert("请先选择上传文件");
36. return;
37. }
38. var filesize = 0;
39. if(browserCfg.firefox || browserCfg.chrome ){
40. filesize = obj_file.files[0].size;
41. }else if(browserCfg.ie){
42. var obj_img = document.getElementById('tempimg');
43. obj_img.dynsrc=obj_file.value;
44. filesize = obj_img.fileSize;
45. alert(filesize);
46. }else{
47. alert(tipMsg);
49. return;
50. }
51. if(filesize-1){
52. alert(tipMsg);
53. return;
54. }else if(filesize>maxsize){
55. alert(errMsg);
56. return;
57. }else{
58. alert("文件大小符合要求");
59. alert(filesize);
60. return;
61. }
62. }catch(e){
63. alert(e);
64. }
65. }
66. </script>
67. </html>
查看全文

相关阅读:
Vue 事件修饰符阻止默认事件
 vue created 生命周期
 续集---网络管理常用命令
 网络管理常用命令(6/14) -netstat命令详解
 系统OOM复位定位
 nohup- Shell后台运行
 一个linux命令（6/13）：traceroute命令
 一个linux命令（6/12）：cat 命令
 linux命令（6/11）--修改文件的用户组chgrp和文件所有者chown
Linux终端快捷键

原文地址：https://www.cnblogs.com/sunny3158/p/12181852.html