格式验证仅在上传文件时生效

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" />