如何使用HTML浏览按钮来筛选和仅显示图像?

使用accept属性,可以列出要接受的mime类型。

<form action="form_action.asp" accept="image/gif, image/jpeg">
    First name: <input type="text" name="fname" /><br />
    Last name: <input type="text" name="lname" /><br />
    Your image: <input type="file" name="pic" id="pic" /><br />
    <input type="submit" value="Submit" />
</form>

取自 here .

理论上,用 accept attribute .

实际上,你不能。

我相信大多数想用闪光灯的人。

这个 accept HTML的属性 <form> 元素的意思是这样的,但这个可选属性几乎被所有WebBrowser忽略。答案是 Flash 或 Java Applet . 两者都存在第三方程序。例如。 Uploadify , SWFUpload 和 JumpLoader . 上传有我的建议。

你说的是 accept attribute 很遗憾,任何浏览器都不支持。

假设您应该使用具有正确mime类型的“accept”属性,如下所示:

<input type="file" name="pic" id="pic" accept="image/bmp" />

遗憾的是,目前没有任何浏览器支持这一功能。但是,您可以在之后使用javascript验证文件。下面是一个有用的代码链接: http://www.cs.tut.fi/~jkorpela/forms/file.html#filter

希望这有帮助!

在输入标签上使用“accept”属性。

例如。:

<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />

编辑:在进一步阅读时,任何主要浏览器似乎都不支持这一点,因此不应该使用它。相反,您需要使用某种服务器端或JavaScript验证。