1

サイトに単一ファイルのアップロード機能があります。

CSS を改善するために、HTML に 2 つのボタンを追加しました。1 つは入力タイプがファイルで、もう 1 つはボタンです。不透明度を 0 に設定し、上部に入力タイプ ボタンを設定することで、入力タイプ ファイルが非表示になります。ボタンをクリックすると、画像アップローダーをポップアップするブラウズボタンのクリックイベントをトリガーする onclick イベントをセットアップしました。

画像を選択してフォームを送信すると、$_POST にファイルの詳細が表示されません。

入力タイプのファイルには 1 つのテキスト ボックスとその右隅にボタンがあるため、なぜこれを行うのか。ポップアップを開くには、ボタンを 1 回クリックするか、テキスト ボックスをダブルクリックします。ダブルクリックは避けたいです。

より良い解決策をいただければ幸いです。

ありがとう！！

4

1 に答える 1

0

入力の不透明度が 0 の場合でもクリックできます。

あなたのhtmlで： 

<input type="file" style="visibility:hidden;" id="uploadme" />  
<input type="button" id="clickme" value="Upload Stuff!" />

js:

$(function(){
    $('#clickme').click(function(){
        $('#uploadme').click();
    });
});

これで、ボタンのスタイルを自由に設定できます。

于 2013-01-06T03:23:59.380 に答える