1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <script type="text/javascript">
  5. var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
  6. function fileChange(target,id) {
  7. var fileSize = 0;
  8. var filetypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"];
  9. var filepath = target.value;
  10. var filemaxsize = 1024*2;//2M
  11. if(filepath){
  12. var isnext = false;
  13. var fileend = filepath.substring(filepath.indexOf("."));
  14. if(filetypes && filetypes.length>0){
  15. for(var i =0; i<filetypes.length;i++){
  16. if(filetypes[i]==fileend){
  17. isnext = true;
  18. break;
  19. }
  20. }
  21. }
  22. if(!isnext){
  23. alert("不接受此文件类型！");
  24. target.value ="";
  25. return false;
  26. }
  27. }else{
  28. return false;
  29. }
  30. if (isIE && !target.files) {
  31. var filePath = target.value;
  32. var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
  33. if(!fileSystem.FileExists(filePath)){
  34. alert("附件不存在，请重新输入！");
  35. return false;
  36. }
  37. var file = fileSystem.GetFile (filePath);
  38. fileSize = file.Size;
  39. } else {
  40. fileSize = target.files[0].size;
  41. }
  42. var size = fileSize / 1024;
  43. if(size>filemaxsize){
  44. alert("附件大小不能大于"+filemaxsize/1024+"M！");
  45. target.value ="";
  46. return false;
  47. }
  48. if(size<=0){
  49. alert("附件大小不能为0M！");
  50. target.value ="";
  51. return false;
  52. }
  53. }
  54. </script>
  55. </head>
  56. <body>
  57. <input type="file" name="contractFileName" style="width: 500px;" onchange="fileChange(this);"/>
  58. </body>
  59. </html>

前端js限制上传文件类型及大小（1）的更多相关文章

  1. js限制上传文件类型和大小

    <html> <head> <script type="text/javascript"> function fileChange(target ...

  2. JS判断上传文件类型

    /*   * 判断图片类型   */    function checkImgType(ths){        if (ths.value == "") {            ...

  3. JS 判断上传文件类型

    var video_src_file = $("#video_src_file").val(); var fileTypes = new Array("flv" ...

  4. input type='file'限制上传文件类型

    前端与后台数据进行对接时,就避免不了要使用ajax进行http请求,常用的请求就两个post与get:然而常见的post请求的需求是文件上传,可能我一说到文件上传大家都觉得so  easy啊,没什么嘛 ...

  5. js能否上传文件夹

    文件夹上传:从前端到后端 文件上传是 Web 开发肯定会碰到的问题,而文件夹上传则更加难缠.网上关于文件夹上传的资料多集中在前端,缺少对于后端的关注,然后讲某个后端框架文件上传的文章又不会涉及文件夹. ...

  6. 基于Flask开发网站 -- 前端Ajax异步上传文件到后台

    大家好,我是辰哥~ 辰哥最近利用空闲时间在写一个在线可视化平台,过程中也觉得一些技术还是比较有意思的,所以就以模块化的形式分享出来.如:从网页界面(前端)上传文件到服务器(后端). 放一下该模块的界面 ...

  7. 前端之web上传文件的方式

    前端之web上传文件的方式 本节内容 web上传文件方式介绍 form上传文件 原生js实现ajax上传文件 jquery实现ajax上传文件 form+iframe构造请求上传文件 1. web上传 ...

  8. 第九篇：web之前端之web上传文件的方式

    前端之web上传文件的方式   前端之web上传文件的方式 本节内容 web上传文件方式介绍 form上传文件 原生js实现ajax上传文件 jquery实现ajax上传文件 form+iframe构 ...

  9. HTML5中的input type为file控件限制上传文件类型及扩展

    简单介绍 input file控件限制上传文件类型如下:1.文件类型中间用,分开:2.html和htm这样的要写成两个: 3实例: <input type="file" na ...

随机推荐

  1. pip 安装库的时候使用豆瓣镜像 提升效率

    由于众所周知的原因,国内网络环境始终处于水深火热之中,python库的安装也不例外. 比如在安装 PyQt5-tools 的时候,网速奇慢无比. 好在国内有不少镜像服务源,以豆瓣为例,网速突飞猛进 使 ...

  2. PHP、thinkPHP5.0开发网站文件管理功能（二）删除文件

    1.is_dir():检查指定的文件是否是目录 2.scandir():返回指定目录中的文件和目录数组 3.unlink():删除文件,如果删除的文件不存在会报错,加@抑制报错 public func ...

  3. my.宠物升级79级

    1.蚌仙子 74级半不到的时候,吃  月华露(500000经验的那种)  吃3个 正好 79级半 我记得 之前 是升满75级 再吃月华露 到79级的时候 经验溢出了.不突破还好,突破的话 宠物就升级了 ...

  4. 工作中常用到的sql命令！！！

    一.mysql数据库日常操作.     1.启动mysql:/etc/init.d/mysql start (前面为mysql的安装路径)     2.重启mysql:  /etc/init.d/my ...

  5. 性能测试工具LoadRunner17-LR之Controller windows系统资源性能常用计数器

    1.System %Total Processor Time 该计数值用于体现服务器整体的处理器利用率,对多处理器而言,该计数值体现的是所有CPU的平均利用率.如果该值的数值持续超过90%,则可以说明 ...

  6. [转]ASP.NET中JSON的序列化和反序列化

    本文转自:http://www.cnblogs.com/zhaozhan/archive/2011/01/09/1931340.html JSON是专门为浏览器中的网页上运行的JavaScript代码 ...

  7. windows下自动更改IP的小工具（bat批处理文件）

    每次上线,都要先上灰度环境再上到正式环境.在上到灰度环境时,访问灰度环境通过自动获取IP和更改指定dns来实现.具体如何实现,大家可自行百度. 新建一个文本文档,将其后缀改为bat,打开该文件,拷贝一 ...

  8. REST API 自动化测试 利器Rest Assured（API接口自动化测试框架体系）

    现在,越来越多的 Web 应用转向了 RESTful 的架构,很多产品和应用暴露给用户的往往就是一组 REST API,这样有一个好处,用户可以根据需要,调用不同的 API,整合出自己的应用出来.从这 ...

  9. dreamweaver,access2010,数学

    dreamweaver 1,点插入-表格-设置表格. 2,再次修改表格,打开属性修改指标. (修改图片时,也可以选中图片打开对应的属性修改) 设置字体: 1,打开属性-页面属性,弹出操作窗口,设置想改 ...

  10. vue将数据绑定到属性中

    *必须使用[] <tr v-for="(p,index) in prodects"> @*v-bind:class="styleType(index)&quo ...