如何在Google Chrome中正常显示HTML“文件”字段？

Question

包含公式PHP的{​​{1}}个文件包含<form字段：

file。

当我用<input type="file" name="doc_fichier" maxlength="255" size="50">打开页面时，该字段显示良好，如此捕获图像所示：

但是当我用Firefox打开页面时，我得到了这个：

那么如何Google Chrome正确显示元素？

Answer 1

没有“正确”的方式来显示文件字段，它取决于浏览器。

您的屏幕截图是在Chrome中显示文件字段的标准方式。

Answer 2

如果您使用的是jQuery，请查看此插件 - https://github.com/ajaxray/bootstrap-file-field

这个小插件会将文件输入字段显示为引导按钮（具有可配置的类），类似于所有浏览器，并且将精美地显示所选文件名（或选择错误）。

此外，您可以使用简单的数据属性或JS设置来设置各种限制。例如，data-file-types="image/jpeg,image/png"将限制选择除jpg和png图像之外的文件类型。