使用formik上传文件并使用yup在react中进行验证：文件类型验证不起作用

问题描述

我有以下Yup验证模式：

photo: Yup.mixed()
    .test(
        "fileFormat"," [Incorrect file tye]",value => value && SUPPORTED_FORMATS_photo.indexOf(value.type) !== -1
),

对于以下Formik格式的控件：

<div className="form-group">
    <label htmlFor="photo">Profil photo</label>
    {errors.photo && touched.photo ? (<ValidationErrorLabel errorMsg={errors.photo} />) : null}
    <input id="photo" name="photo" type="file" className="form-control" onChange={(event) => {
        setprofilePhoto(event.currentTarget.files[0]);
    }} />
</div>

SUPPORTED_FORMATS_photo定义为：

const SUPPORTED_FORMATS_photo = [
    "image/jpg","image/jpeg","image/gif","image/png"
];

但是，无论我尝试上传的任何文件类型（包括正确的文件类型），总是显示验证错误消息，即“错误的文件类型”。任何想法为什么这不起作用？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）