Javascript选择输入类型文件答案

【问题标题】：Javascript select input type fileJavascript选择输入类型文件
【发布时间】：2013-10-15 16:46:01
【问题描述】：

我想通过在图像上使用 onclick 事件来激活输入 type=file（打开文件选择窗口）。我尝试使用 html 标签标签，但是，这在 IE 和 Safari 中不起作用。这是我正在使用的表格。

<form id="MyForm" action="Thispage.php" method="POST" enctype="multipart/form-data">
    <input type="file" id="ImageFile"/>
</form>

我第一次尝试这个：

<label for="ImageFile"><img src="MyImage.jpg"></label>
<!--This didn't worked in IE and Safari-->

我想我可以通过这样的 onclick 事件来做到这一点：

<img src="MyImage" onclick="Javascript:document.getElementById('ImageFile').click()">

不幸的是，这在 Safari 中不起作用。

有什么方法适用于所有浏览器吗？

我想要一个详细的解释，因为我不是专家。它可以帮助我了解哪些代码导致了哪些操作。

【问题讨论】：

【解决方案1】：

将“Id”更改为“name”，然后重试。

我这里没有野生动物园，但在所有其他地方都很好。

试试这个：

<input type='file' name='nameFile'>

这个网站是一个很好的参考。

希望这会有所帮助！

【讨论】：