修改浏览按钮，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" />

任何针对crossbrowser的解决方案，都会挽救我的生命:)。 总而言之。

Answer 1

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