0

Firefox では機能するが Chrome では機能しないコードをいくつか見つけました。

起こっているように見えるのは、CSS でサイズ設定されたファイル アップロード テキストフィールドがあることです。ユーザーがクリックしてダイアログを開いてファイルを選択できるように、そのすぐ右側に [アップロード] ボタンもあります。テキストフィールドの長さは60です。これは、フィールドのサイズではなく、「アップロード」ボタンをオーバーレイするために使用されると思います。Firebug で 60 を 50 に減らしましたが、動作しなくなりました。

[アップロード] ボタンからファイル アップロード ダイアログを呼び出すにはどうすればよいですか? テキストフィールドに何らかのクリックイベントを送信する必要があると思います。

ファイル: __________________ アップロード | フィールドまたはボタンをクリックすると、ファイルダイアログが開きます

HTMLを抽出しました：

<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">アップロード</span></a>
4

1 に答える 1

0

以下はあなたのために働くはずです：

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

    return false;
}, false);
于 2012-05-07T17:39:39.570 に答える