当前位置:网站首页>JS controls the file type and size when uploading files

JS controls the file type and size when uploading files

2022-04-23 19:09:00 GIS roast lamb leg is delicious

  /* Control file type and size  e yes document*/
  ConSizeType(e,[".jpg",".png",".jpeg",".JPG",".PNG",".JPEG",".pdf",".PDF",".doc"])
  static ConSizeType(e,TYPE){
    console.log(e.target)
    var target=e.target
    var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
    var fileSize = 0;
    var filetypes =TYPE;
    var filepath = target.value;
    var filemaxsize = 1024*10;//10M
    if(filepath){
      var isnext = false;
      var fileend = filepath.substring(filepath.lastIndexOf("."));
      if(filetypes && filetypes.length>0){
        for(var i =0; i<filetypes.length;i++){
          if(filetypes[i]==fileend){
            isnext = true;
            break;
          }
        }
      }
      if(!isnext){
        Message({
          showClose: true,
          message: " This file type is not accepted ",
          type: 'warning'
        })
        target.value ="";
        return false;
      }
    }else{
      return false;
    }
    if (isIE && !target.files) {
      var filePath = target.value;
      var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
      if(!fileSystem.FileExists(filePath)){
        Message({
          showClose: true,
          message: " The attachment does not exist , Please re-enter !",
          type: 'warning'
        })
        return false;
      }
      var file = fileSystem.GetFile (filePath);
      fileSize = file.Size;
    } else {
      fileSize = target.files[0].size;
    }

    var size = fileSize / 1024;
    if(size>filemaxsize){
      Message({
        showClose: true,
        message: " Attachment size cannot be larger than "+filemaxsize/1024+"M!",
        type: 'warning'
      })
      target.value ="";
      return false;
    }
    if(size<=0){
      Message({
        showClose: true,
        message: " Attachment size cannot be 0M!",
        type: 'warning'
      })
      target.value ="";
      return false;
    }
  } Insert a code chip here 

版权声明
本文为[GIS roast lamb leg is delicious]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/04/202204231908120835.html