文件上传验证验证jpeg文件和文件大小

时间:2021-03-09 07:45:16

标签: javascript jquery

选择文件时如何验证所有这一点上传文件: 该文件实际上是jpeg。如果没有,请在字段下方显示一条红色消息:“错误:请仅上传 jpeg 文件。”红色。

文件大小小于 10Mb。 如果大小在 10 到 15 Mb 之间,则显示橙色警告消息“警告:理想情况下文件大小应小于 10 Mb。尝试减小文件大小?”。

如果文件大小大于 15 Mb,则显示一条红色错误消息,内容为“错误:请上传小于 15 Mb 的文件,最好小于 10 Mb。”

如果发现 1 个以上的错误或警告,请将它们显示在另一个下方,如下所示。保持jpeg检查文件大小检查的顺序。

如果文件通过了两项检查,则显示一条绿色消息“成功!”。还要显示文件的名称和右侧的红十字图标。单击红色图标可将该字段还原为其原始的“选择文件”按钮状态。

参考图片https://ibb.co/j64FTf2
https://ibb.co/0MFwtQs

<input type="file">

在这里尝试https://jsfiddle.net/soniii/k1z8onsd/1/

0 个答案:

没有答案
相关问题