htmlファイルのアップロードテキストフィールドをトリガーしますか？

Question

私はFirefoxでは動作するがChromeでは動作しないいくつかのコードを見つけました。

CSSには というサイズのファイルアップロード用のテキストフィールドがあります。 をクリックすると、ファイルを選択するためのダイアログボックスが開きます。テキストフィールド の長さは60です。これは「アップロード」ボタンをオーバーレイするのに使用され、フィールドのサイズは変更されません。 私はFirebugで60から50を減らし、動作を停止します。

アップロードボタンからファイルアップロードダイアログを呼び出すにはどうすればよいですか？私は 私はテキストフィールドにクリックイベントのいくつかの並べ替えを送信する必要があると思う。

 
<input name="fileField" id="fileField" type="file" size="60"> 
<span><input type="text" id="fileUploadField"><span></span></span> 
<a href="javascript://" class="button" id="uploadButton"><span class="action">Upload</span></a> 

Answer 1

以下はあなたのために働く必要があります：私はHTML抽出してきた

 
File: __________________ Upload | Clicking field or Button opens file dialog 

document.getElementById('uploadButton').addEventListener('click', function(){ 
    document.getElementById('fileField').click(); 

    return false; 
}, false);