Question

我有一个函数是文件上载的一部分，但是当我尝试通过数组验证文件时，我使用“已接受”文件或“错误”文件，我得到相同的最终结果，即返回代码的false语句的警告消息。

有人可以在这里发现错误吗？函数中没有语法错误。

handleFiles = function (files,e){
var rand = Math.floor((Math.random()*100000)+3);

for(var i=0, file; file = files[i]; i++) {

var fileType = new Array("psd","ai","eps","svg","png","doc","docx","jpg","jpeg","pptx","ppt","gif");
var file_extension = file.name.split('.').pop().toLowerCase();

if (parseInt(file.size / 1024) > 204800) {  
    alert("Filen er \""+file.name+"\" for stor");
    return false;   
}
    if (fileType[i]==file_extension)
    {
        var src = '/printuploads/upload.png'

        var template = '<div class="eachImage" id="'+rand+'">';
        template += '<span class="preview" id="'+rand+'"><img src="'+src+'"><span class="overlay"><span class="updone"></span></span>';
        template += '</span>'
        template += '<div class="progress" id="'+rand+'"><span></span></div>';  

        if($("#dropbox .eachImage").html() == null)
        $("#dropbox").html(template);
        else
        $("#dropbox").append(template);

        upload(file,rand);
        return true;
    }
    alert("Forkert filformat");
    return false;
}
};

Answer 1

验证是否支持文件扩展名的验证不正确：

fileType[i]==file_extension

此处，i是文件的索引，而不是扩展名。因此，每个文件扩展名都与＆＃34; psd＆＃34;。

进行比较

相反，它应该检查扩展是否在数组file_extension中可用。您可以使用Array#some方法执行此操作：

fileType.some(t => t == file_extension)

或者，您只需使用indexOf

检查扩展名是否属于数组

fileType.indexOf(file_extension) >= 0

这是一个工作代码段，您可以在控制台中检查记录的值：

＆＃13;

var handleFiles = function(files, e) {
  var rand = Math.floor((Math.random() * 100000) + 3);

  for (var i = 0, file; file = files[i]; i++) {

    var fileType = new Array("psd", "ai", "eps", "svg", "png", "doc", "docx", "jpg", "jpeg", "pptx", "ppt", "gif");
    var file_extension = file.name.split('.').pop().toLowerCase();

    if (parseInt(file.size / 1024) > 204800) {
      alert("Filen er \"" + file.name + "\" for stor");
      return false;
    }
    
    if (fileType.some(t => t == file_extension)) {
      console.log("Extension matches");
      var src = '/printuploads/upload.png'

      var template = '<div class="eachImage" id="' + rand + '">';
      template += '<span class="preview" id="' + rand + '"><img src="' + src + '"><span class="overlay"><span class="updone"></span></span>';
      template += '</span>'
      template += '<div class="progress" id="' + rand + '"><span></span></div>';

      if ($("#dropbox .eachImage").html() == null)
        $("#dropbox").html(template);
      else
        $("#dropbox").append(template);

      upload(file, rand);
      return true;
    }
    alert("Forkert filformat");
    return false;
  }
};

function upload() {};

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type ="file" onchange="handleFiles(this.files, event);">

＆＃13;

Javascript Filevalidation始终返回false

1 个答案: