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. PHP漏洞全解—————9、文件上传漏洞

    本文主要介绍针对PHP网站文件上传漏洞.由于文件上传功能实现代码没有严格限制用户上传的文件后缀以及文件类型,导致允许攻击者向某个可通过 Web 访问的目录上传任意PHP文件,并能够将这些文件传递给 P ...

  2. Hbase 表操作

    1. list 操作 2. 创建table column family, 3. 插入数据: put 'user' 3. 检索数据: scan table

  3. SQL Server 如何更改SQL Server和windows身份方式验证

    1.安装sql后先用windows账户登陆进去,然后在sql上右键,选择“安全性”-“SQL Server和windows身份验证模式”然后确定 2.找到安全性——登陆名(sa用户)右键——状态,在登 ...

  4. SparseArray替代HashMap来提高性能

    SparseArray是 Android框架独有的类,在标准的JDK中不存在这个类.它要比 HashMap 节省内存,某些情况下比HashMap性能更好,按照官方问答的解释,主要是因为SparseAr ...

  5. set学习(系统的学习)

    set是STL中一种标准关联容器.它底层使用平衡的搜索树——红黑树实现,插入删除操作时仅仅需要指针操作节点即可完成,不涉及到内存移动和拷贝,所以效率比较高.set,顾名思义是“集合”的意思,在set中 ...

  6. auto uninstaller 简体中文版 更新下载地址

    地址一(腾讯微云) 地址二(百度网盘)    提取码:3nx7 地址三(直接下载)

  7. python xml dom

    http://www.cnblogs.com/coser/archive/2012/01/10/2318298.html

  8. http 中的缓存

    如何判断缓存新鲜度 If-Modified-Since告诉服务器, 在服务器中的响应报文中有一个Last-Modified字段, 如果两者一直则表示在浏览器中缓存的文件是最新的, 可以直接使用浏览器缓 ...

  9. Mac 安装YCM

    ① 安装Xcode的同时, 安装配套的命令行工具, 包括git, cmake, clang ② 安装Macvim, 并在~/.bashrc文件中设定别名, alias vim="/path/ ...

  10. net图片转格式

    http://blog.csdn.net/nrlovestudy/article/details/48137339 图片转格式 Bitmap bmp=new Bitmap("filename ...