有一个PHP
包含公式的文件,<form
其中包含一个file
字段:
<input type="file" name="doc_fichier" maxlength="255" size="50">
.
当我打开页面时,Firefox
该字段会很好地显示,如下图所示:
但是当我打开页面时,Google Chrome
我得到了这个:
那么如何Google Chrome
正确显示元素呢?
有一个PHP
包含公式的文件,<form
其中包含一个file
字段:
<input type="file" name="doc_fichier" maxlength="255" size="50">
.
当我打开页面时,Firefox
该字段会很好地显示,如下图所示:
但是当我打开页面时,Google Chrome
我得到了这个:
那么如何Google Chrome
正确显示元素呢?
没有“正确”的方式来显示文件字段,它取决于浏览器。
您的屏幕截图是在 Chrome 中显示文件字段的标准方式。
如果您使用的是 jQuery,请查看此插件 - https://github.com/ajaxray/bootstrap-file-field
这个小插件会将文件输入字段显示为引导按钮(带有可配置的类),在所有浏览器中都类似,并且会漂亮地显示选定的文件名(或选择错误)。
此外,您可以使用简单的数据属性或 JS 设置来设置各种限制。例如,data-file-types="image/jpeg,image/png"
将限制选择除 jpg 和 png 图像之外的文件类型。