修改浏览按钮，chrome浏览器

Question

我已经制作了一个表格，用于上传图片，它在 IE、Firefox 上运行良好。 但在 chrome 上，浏览按钮不起作用。

这是浏览按钮：

<input type="button" name="brw" id="brw" onClick="img.click()" />

当您点击此按钮时，您会启动 img 字段浏览功能。

其他字段：

<input name="img" type="file" value="" style="display: none;" onChange="txtFilename.value = this.value;" />

当您选择图像时，您会在此禁用的文本字段中获得图像名称。

<input type="text" name="txtFilename" id="txtFilename" disabled="disabled" />

任何跨浏览器的解决方案都可以挽救我的生命:)。 谢谢大家。

Answer 1

看here 和here（第二个答案）。文件类型的输入不能被隐藏，通过设置display: none你必须以另一种方式隐藏它。在我的示例中，我设置了 visibility: hidden 或者您可以使用不透明度（就像在其他答案中一样）。