zoukankan      html  css  js  c++  java
  • 转:input file 文件上传,js控制上传文件的大小和格式

    https://www.haorooms.com/post/js_inputfileupload

    javascript来控制文件上传的大小和类型。

    <form  action="后端接口" enctype="multipart/form-data" method="post" id="attachment_uploads">
      <div class="attachs fl">
        <div class="t_fjfont">附件:</div>
        <div class="upload_btns"><input type="file" name="file"  id="file" onchange="fileChange(this);" /> </div>
      </div>
      <div class="attachs fl">
        <div class="t_fjfont" style="color:red;font-size:12px;font-weight:bold">文件上限2MB</d
      </div>
      <div class="attachs fl">
        <div class="upload_btns"><input type="file" name="files"  id="file_fujian" onchange="filefujianChange(this);" /> <input type="hidden" name="rev" class="hide_rev" /></div>
      </div>
    </form>
    
    
    var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
    function fileChange(target) {
      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;    
      if(size>2000){  
        alert("附件不能大于2M");
        target.value="";
        return
      }
      var name=target.value;
      var fileName = name.substring(name.lastIndexOf(".")+1).toLowerCase();
      if(fileName !="xls" && fileName !="xlsx"){
        alert("请选择execl格式文件上传!");
        target.value="";
        return
      }
    }
    function filefujianChange(target) {   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;   if(size>2000){     alert("附件不能大于2M");     target.value="";     return   }   var name=target.value;   var fileName = name.substring(name.lastIndexOf(".")+1).toLowerCase();   if(fileName !="jpg" && fileName !="jpeg" && fileName !="pdf" && fileName !="png" && fileName !="dwg" && fileName !="gif" ){     alert("请选择图片格式文件上传(jpg,png,gif,dwg,pdf,gif等)!");     target.value="";     return   } }
  • 相关阅读:
    6-Python爬虫-分布式爬虫/Redis
    ES 查询时 排序报错(fielddata is disabled on text fileds by default ... )解决方法
    Intellij Idea webstorm 激活
    Intellij Idea 配置jdk
    java 获取(格式化)日期格式
    js 跳转 XSS漏洞 预防
    CSS去掉背景颜色
    js对象无法当成参数传递 解决方法
    Elasticsearch java api
    java多条件查询SQL语句拼接的小技巧
  • 原文地址:https://www.cnblogs.com/chuningning/p/9140528.html
Copyright © 2011-2022 走看看