如何使用 Vuelidate 检查文件类型？

Question

如何使用 Vue.js Vuelidate 库检查文件类型（png、jpg、jpeg）？

Answer 1

您可以使用 helpers 验证器进行正则表达式检查。更多信息 here

import { helpers, required } from 'vuelidate/lib/validators'

const imageRule = helpers.regex('image', /\.(gif|jpe?g|tiff|png)$/)

export default {
    data() {
        return {
            image: '',
        }
    },
    validations: {
        image: {
            required,
            imageRule
        },
    },
}