Javascript选择输入类型文件

时间:2013-10-15 16:46:01

标签: html file-upload browser window dom-events

我想通过在图像上使用onclick事件来激活input 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 个答案:

答案 0 :(得分:1)

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

我这里没有野生动物园,但其他所有野生动物都完美无缺。

试试这个:

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

如果您愿意,请查看:http://www.w3schools.com/tags/att_input_type.asp

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

希望这有帮助!