使用MVC3 Razor在Jquery中应用图像扩展验证

我正在尝试使用ASp.NETMVC3和Jquery发布一个图像。 我在视图中有以下代码

form action="/profile/upload" method="post" enctype="multipart/form-data">

    <label for="photo">Photo:</label>
    <input name="photo" id="photo" type="file">

    <input value="Upload" type="submit">
</form>

我想要的是我想通过文件上传只上传jpg或png文件。我想在JQuery中进行验证

请任何人提出一个简单的方法，以及如何在提交被激发之前检查验证

<form action="/profile/upload" method="post" enctype="multipart/form-data">

    <label for="photo">Photo:</label>
    <input name="photo" id="photo" type="file">

    <input value="Upload" type="submit">
</form>

照片:

如果您使用的是支持HTML 5的现代web浏览器，则可以限制以下文件类型：

<input name="photo" id="photo" type="file" accept="image/jpg, image/png" />

或者，您可以使用jquery.validate插件在提交表单时检查所选文件的文件扩展名，并相应地显示验证错误。将有两种情况：

您使用的是内置于ASP.NET MVC 3中的jquery无干扰验证。在这种情况下，您必须编写一个自定义适配器，如中所示

您直接使用jquery.validate插件并自己编写规则。在这种情况下，只需定义

---

不，那是真的。但它也应该与旧浏览器兼容。另外，我必须显示一些错误消息并将其绑定，如果验证返回false，您是想使用内置的不引人注目的验证，还是单独使用jquery.validate插件？以简单的为准。我有Jquery.validate插件。我不知道你说的简单是什么意思。对于不同的人可能有不同的定义。正如我所说，有两种可能的解决方案，使用哪一种完全取决于您。

<input name="photo" id="photo" type="file" accept="image/jpg, image/png" />