1

「削除」（名前を「置換」に変更します）ボタンで参照ボタンをエミュレートするにはどうすればよいですか？「削除」を押して実際に別のファイルを参照する場合はどうでしょうか。

ここに画像の説明を入力してください

4

3 に答える 3

2

JQueryを使用できます。実際の例については、jsfiddlehttp : //jsfiddle.net/AF2c5/1を参照してください。

HTMLマークアップ：

<input type="file" id="fileButton" />
<button id="myButton">Delete</button>

そしてjavascript：

$('#myButton').on('click', function() {
    $('#fileButton').click();
});

元のファイル入力を削除して、カスタムボタンでのみ参照することもできます： http： //jsfiddle.net/AF2c5/2/：

<input type="file" id="fileButton" style="display: none" />

特定の（モバイル）ブラウザでは、入力を非表示にすると壊れることがあることに注意してください。次に、元の入力を非表示にするのではなく、画面の外に配置することをお勧めします。http ：//jsfiddle.net/AF2c5/3/を参照してください。

<input type="file" id="fileButton" style="position: absolute;  top: -50%; left: -50%" />

それが役に立てば幸い。

于 2013-01-25T15:05:22.543 に答える
1

「削除」ボタンが「参照」ボタンと同じ機能とターゲットを持っている場合、ターゲットでクリックイベントをトリガーします。

于 2013-01-25T14:58:30.147 に答える
1

2番目のボタンではいつでもonclickjavascriptイベントを使用できます。

たとえば、「file1」という名前のファイル入力タグと「form1」という名前のフォーム内のボタンがある場合、2番目のボタンをクリックすると「file1」入力のclick（）がトリガーされます。

何かのようなもの：

<form name="form1">
   <input name="file1" type=file />
   <button type="button" onclick="document.form1.file1.click()">replace</button>
</form>
于 2013-01-25T15:45:18.197 に答える