使用javascript进行多文件验证 [英] multiple file validation using javascript

问题描述

我正在尝试上传多个文件

 < input type =fileid =uploadFilesmultiple onchange = checkFileUploadExt（本）;/> 
  

使用javascript

  function checkFileUploadExt（fieldObj）
 {
 var control = document.getElementById（uploadFiles）; 
 var filelength = control.files.length; 
 var FileName = fieldObj.value; 
 var FileExt = FileName.substr（FileName.lastIndexOf（'。'）+ 1）; 
 if（（FileExt.toUpperCase（）！=PDF））
 if（（FileExt！==pdf）||（FileExt！==PDF））
 {
 var error =文件类型：+ FileExt +\ n \ n; 
 error + =请确保您的文件是pdf格式。\ nn \ n; 
 alert（错误）; 
 fieldObj.value =''; 
返回false; 
} 
 
返回true; 
} 
  

但是这里

多个pdf文件 - >成功

单个其他文件（.txt，.doc等） - >成功

pdf +（txt或doc） - >失败

我的需求只是pdf文件可以在多个时接受选择。
并且它还显示在Interner Explorer上的files.length中的错误
如何执行此操作

解决方案

尝试这个：

< pre class =snippet-code-js lang-js prettyprint-override> function checkFileUploadExt（fieldObj）{var control = document.getElementById（uploadFiles）; var filelength = control.files.length; for（var i = 0; i< control.files.length; i ++）{var file = control.files [i]; var FileName = file.name; var FileExt = FileName.substr（FileName.lastIndexOf（'。'）+ 1）; if（（FileExt.toUpperCase（）！=PDF））{var error =File type：+ FileExt +\ n\ n;错误+ =请确保您的文件是pdf格式。\ nn \ n; console.error（误差）; }

 < input type =fileid =uploadFiles多个onchange =checkFileUploadExt（this）; />  

I am trying to upload multiple files via

<input type="file" id="uploadFiles" multiple onchange="checkFileUploadExt(this);"/>

using javascript

function checkFileUploadExt(fieldObj)
{
    var control = document.getElementById("uploadFiles");
    var filelength = control.files.length;
    var FileName = fieldObj.value;
    var FileExt = FileName.substr(FileName.lastIndexOf('.') + 1);       
    if ((FileExt.toUpperCase() != "PDF"))
        if ((FileExt !== "pdf") || (FileExt !== "PDF"))
        {
            var error = "File type : " + FileExt + "\n\n";
            error += "Please make sure your file is in pdf  format .\n\n";
            alert(error);
            fieldObj.value = '';
            return false;
        }  

    return true;
}

but here

multiple pdf files->success

single other files(.txt,.doc etc)->success

pdf+(txt or doc)-> fail

my need is only pdf files can accept when multiple selection. and also it shows errors in files.length on Interner Explorer how to do this

解决方案

try this:

function checkFileUploadExt(fieldObj) {
  var control = document.getElementById("uploadFiles");
  var filelength = control.files.length;

  for (var i = 0; i < control.files.length; i++) {
    var file = control.files[i];
    var FileName = file.name;
    var FileExt = FileName.substr(FileName.lastIndexOf('.') + 1);
    if ((FileExt.toUpperCase() != "PDF")) {
      var error = "File type : " + FileExt + "\n\n";
      error += "Please make sure your file is in pdf  format .\n\n";
      console.error(error);
    }
  }
}

<input type="file" id="uploadFiles" multiple onchange="checkFileUploadExt(this);" />

这篇关于使用javascript进行多文件验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！