javascript選擇輸入類型文件

Question

我想通過在圖像上使用onclick事件來激活輸入類型=文件（打開文件選擇窗口）。我試過使用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中並沒有奏效。

是否有任何方法適用於所有瀏覽器？

我想詳細解釋一下，因爲我不是專家。它可以幫助我瞭解哪些代碼會導致哪些操作。

謝謝。

Answer 1

將「ID」更改爲「名稱」，然後重試。

我沒有safari這裏，但在所有其他工作完美。

試試這個：

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

或者，如果你願意的話，請看：http://www.w3schools.com/tags/att_input_type.asp

這個網站是一個很好的參考。

希望這會有所幫助！