formvalidation仅在上传文件时验证

Question

您好我正在使用此插件formvalidation并且我是新手，我有一个带文件上传的表单，我想检查是否有文件正在上传，如果有，我会验证这个接受（JPEG，PNG，GIF）。如果没有，我将无法验证。

<form id="myform">
  <div class="form-group">
    <label for="fname">First Name</label>
    <input type="text" class="form-control" id="name" name="fname" placeholder="Name">
  </div>
  <div class="form-group">
    <label for="pic">Upload here</label>
    <input type="file" id="pic">

  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

提前谢谢。

Answer 1

FormValidator需要data-fv-file-type个选项。

  

允许的MIME类型，以逗号分隔。   例如：设置image / jpeg，image / png，application / pdf只允许上传JPEG，PNG图像和PDF文档。

像data-fv-file-type="image/jpeg,image/png,application/gif"一样使用它来在上传时验证文件扩展名。

另外，请记住通过设置data-fv-file="true"

启用验证器

示例

<input type="file" class="form-control" name="avatar"
            data-fv-file="true"
            data-fv-file-extension="jpeg,png"
            data-fv-file-type="image/jpeg,image/png"
            data-fv-file-maxsize="2097152"
            data-fv-file-message="The selected file is not valid" />