jquery - 上传前验证文件类型

Question

默认的 jquery-file-upload 函数在上传文件之前没有任何验证。

我想将上传限制为仅 pdf 文件。

我在 js 文件夹中找到了 jquery.fileupload-validate.js 文件，但我不知道如何修改这个文件。

请帮我。我在 jquery-file-upload 中找到了这一行，$.blueimp.fileupload.prototype.options.processQueue.push( { action: 'validate', // Always trigger this action, // even if the previous action was rejected: always: true, // Options taken from the global options map: acceptFileTypes: '@', maxFileSize: '@', minFileSize: '@', maxNumberOfFiles: '@', disabled: '@disableValidation' } 但我不知道如何更改它。

Answer 1

在您验证表单或仅文件上传使用的 js 文件中

<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>

jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
  });
  $("#form").validate({
    rules:
      'image': {
        required: true
        accept: "application/pdf"
      }
   }, 
    messages: {
      "image": {
        required: "Please upload only pdf files."
      }
    },
    submitHandler: function(form) {
    form.submit();
    }
  });
});

Answer 2

您接受在 jquery 中验证文件上传的方法，例如

accept= "application/pdf"

希望这个链接对你有帮助http://jqueryvalidation.org/accept-method/