[解決済み] ファイル入力のクリア方法
2022-09-05 08:27:55
質問
以下は、ファイル入力と"クリアファイル"ボタンを表示する私の持っているjqueryコードの一部です。
var $imagefile = $('<input />').attr({
type: 'file',
name: 'imageFile',
class: 'imageFile'
});
$image.append($imagefile);
var $imageclear = $('<input />').attr({
type: 'button',
name: 'imageClear',
class: 'imageClear',
value: 'Clear File'
});
$image.append($imageclear);
現在、"Clear File" ボタンがある理由は、ボタンをクリックすると、ファイル入力にあるものがすべて消去されるからです。Clear File" ボタンをクリックすると、実際にファイル入力がクリアされるようにするには、どのようにコーディングすればよいのでしょうか。
どのように解決するのですか。
これは動作するはずです。
$imageClear.on('click', function() {
$imageFile.val('');
});
関連
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] jquery - is not a function エラー
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み] jQueryでドロップダウンリストの選択値を変更する
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み] jQueryの検証エラーメッセージを消すには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught SyntaxError: 予期しない入力の終了
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] jQuery hasAttrで要素に属性があるかどうかをチェックする【重複あり
-
[解決済み] 複数のクラスを削除する(jQuery)
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み] 既存の非順序型リストにリストアイテムを追加する方法
-
[解決済み] GoogleのCDNからjQuery UI CSSをダウンロードする
-
[解決済み] jQueryで5秒待つには?
-
[解決済み] セレクトボックスの選択項目を設定する
-
[解決済み] jQuery .onとhoverの使い分けは可能ですか?