js限制上传文件类型和大小
2016-05-11 16:44
796 查看
<html> <head> <script type="text/javascript"> function fileChange(target){ //检测上传文件的类型 var imgName = document.all.up_file.value; var ext,idx; if (imgName == ''){ document.all.submit_upload.disabled=true; alert("请选择需要上传的文件!"); return; } else { idx = imgName.lastIndexOf("."); if (idx != -1){ ext = imgName.substr(idx+1).toUpperCase(); ext = ext.toLowerCase( ); // alert("ext="+ext); if (ext != 'jpg' && ext != 'png' && ext != 'jpeg' && ext != 'gif'){ document.all.submit_upload.disabled=true; alert("只能上传.jpg .png .jpeg .gif类型的文件!"); return; } } else { document.all.submit_upload.disabled=true; alert("只能上传.jpg .png .jpeg .gif类型的文件!"); return; } } //检测上传文件的大小 var isIE = /msie/i.test(navigator.userAgent) && !window.opera; var fileSize = 0; if (isIE && !target.files){ var filePath = target.value; var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); var file = fileSystem.GetFile (filePath); fileSize = file.Size; } else { fileSize = target.files[0].size; } var size = fileSize / 1024*1024; if(size>(1024*200)){ document.all.submit_upload.disabled=true; alert("文件大小不能超过200KB"); }else{ document.all.submit_upload.disabled=false; } } </script> </head> <body> <input type="file" id="up_file" name="up_file" onchange="fileChange(this);" /> <input id="submit_upload" type="submit" class="load-btn" value="上传" disabled /> </body> </html>
相关文章推荐
- js技巧
- 前端开发中最常用的JS代码片段
- javascript小技巧
- JavaScript(ECMAScript) with 语句
- 在jsp页面中对浏览器类型判断~
- JSP基本语法
- ExtJS中RowEditing插件的一些使用问题及解决方法
- js 内置对象属性及方法
- js/jq获取浏览器宽高
- 关于fastclick.js
- Ajax and JSON
- d3.js——选择集与数据的绑定
- angualrjs学习总结二(作用域、控制器、过滤器)
- Web报表工具JS开发之日期校验
- javascript复习第二天删除元素节点
- js--笔试题1
- javascript面向对象学习1defineProperty
- Javascript图标库
- 常用的JavaScript验证正则表达式
- JsonUtil工具类