Question

在HTML页面上，使用INPUT标记，如何在单击仅针对图像文件过滤的浏览按钮时获取它？奖励积分，如果它可以包括.bmp文件。

Answer 1

在实践中，你不能。

我相信大多数想要这样做的人都使用Flash。

Answer 2

使用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。

Answer 3

HTML accept元素的<form>属性就是为此而设，但几乎所有的webbrowsers都忽略了这个可选属性。答案是Flash或Java Applet。两者都存在第三方程序。例如。 Uploadify，SWFUpload和JumpLoader。 Uploadify有我的推荐。

Answer 4

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

E.g：

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

编辑：在进一步阅读时，似乎任何主流浏览器都没有正确支持，因此不应使用。相反，您似乎需要使用某种服务器端或JavaScript验证。

Answer 5

你所谈论的是accept attribute，遗憾的是，任何浏览器都不支持。

Answer 6

据说，您应该使用具有正确MIME类型的“accept”属性，如下所示：

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

可悲的是，任何浏览器目前都不支持此功能。但是，您可以使用javascript验证文件。这是一个有用的链接代码：http://www.cs.tut.fi/~jkorpela/forms/file.html#filter

希望这有帮助！

如何获得HTML浏览按钮来过滤和仅显示图像？

6 个答案: