画像の 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 では機能しませんでした。
すべてのブラウザで機能する方法はありますか?
専門家ではないので詳しい説明をお願いします。どのコードがどのアクションにつながるかを理解するのに役立ちます。