接受输入类型验证问题答案

【问题标题】：Accept for input type validation issue接受输入类型验证问题
【发布时间】：2018-12-31 20:55:44
【问题描述】：

您好，我在文件输入类型中添加了接受，当我上传 png 图片时，它显示错误Please enter a value with a valid extension. 搜索了很多并尝试了不同的方法，但无法弄清楚。

下面是文件类型的代码。

<input type="file" name="image" accept=".jpg, .png,.jpeg" id="file" class="custom-file-input" />

当我上传png 图片时，只有消息Please enter a value with a valid extension. 出现问题

在控制器下面是验证图像的代码。

$validator = Validator::make($request->all(), [
                'image' => 'mimes:jpeg,bmp,png|max:4000',
            ]);

【问题讨论】：

【解决方案1】：

您尚未完成mimetypes 规则的要求：

'image' => 'mimetypes:image/jpeg,image/png,image|max:4000',

您应该使用文档中显示的mimes 规则

'image' => 'mimes:jpeg,png|max:4000',

【讨论】：

仍然出现错误Please enter a value with a valid extension. 不走运
它显示来自jquery.validate.min.js js 脚本的错误消息
看看这个：github.com/jquery-validation/jquery-validation/issues/1258。尝试使用extension 方法的jzaefferer 建议

【解决方案2】：

如果没有完整的代码，任何人都不容易准确地告诉您可能是什么错误或问题。

我假设您正在使用表单提交文件，并且您可能错过了表单标签上的enctype="multipart/form-data"。

【讨论】：

【解决方案3】：

您好我已经解决了问题，问题是space between accept types

有bug的代码如下

<input type="file" name="image" accept=".jpg, .png,.jpeg" id="file" class="custom-file-input" />

解决错误后（接受.jpg, .png 后有空格），因此将其删除。

<input type="file" name="image" accept=".jpg,.png,.jpeg" id="file" class="custom-file-input" />

【讨论】：