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

在HTML页面上，使用INPUT标签，如何获取它，以便当您单击仅用于图像文件过滤的浏览按钮时？如果可以包含.bmp文件，则为奖励点。如何获得HTML浏览按钮来过滤和仅显示图像？

2010-05-18 djangofan

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

来源

2010-05-18 22:51:57 Cesar

几乎所有的浏览器都会忽略它。 – BalusC 2010-05-18 22:55:45

是的，我只是尝试了他们的例子，它不工作。虽然这个答案很有帮助。虽然大卫理应得分，但他已经有36k分了！ – djangofan 2010-05-19 16:50:12

从理论上讲，与accept attribute。

在实践中，你不能。

我相信大部分想做这个的人都会使用Flash。

来源

2010-05-18 22:51:44 Quentin

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

例如为：

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

编辑：在进一步阅读，看来这是不正常的任何主流浏览器的支持，因此不应使用。相反，它看起来像你需要使用某种服务器端或JavaScript验证。

来源

2010-05-18 22:53:48 GShenanigan

你说的是accept attribute，很不幸，任何浏览器都不支持。

来源

2010-05-18 22:54:50 Wyatt

HTML <form>元素的accept属性是为此而设计的，但该可选属性几乎被所有webbrowser忽略。答案是Flash或Java Applet。对于这两个都存在第三方程序。例如。 Uploadify,SWFUpload和JumpLoader。 Uploadify有我的建议。

来源

2010-05-18 22:58:10 BalusC

据说，你应该用正确的MIME类型使用“接受”属性，像这样：

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

可悲的是，这不是目前任何浏览器支持。然而，你可以在之后使用JavaScript验证文件。这里是一个有用的链接代码：http://www.cs.tut.fi/~jkorpela/forms/file.html#filter

希望这有助于！

来源

2010-05-18 23:17:49

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

回答

相关问题