input type="file "でのjQuery変更メソッド
2023-09-08 05:50:54
質問
私はjQueryのシンプルでエレガントなAPIを100%採用しようとしていますが、APIとストレートアップのHTMLの間で、どうしても理解できない矛盾に遭遇しています。
私は、ファイル入力値が変更されるたびに実行したいAJAXファイルアップローダースクリプト(正しく機能します)を持っています。 以下は、私の作業コードです。
<input type="file" size="45" name="imageFile" id="imageFile" onchange="uploadFile()">
を変換すると
onchange
イベントをjQueryの実装に変更します。
$('#imageFile').change(function(){ uploadFile(); });
のようにしても、結果は同じではありません。 このように
onchange
属性では
uploadFile()
関数は、予想通り値が変更されるたびに呼び出されます。 しかし、jQuery APIでは
.change()
イベントハンドラでは、イベントは値が最初に変更されたときだけ発生します。 それ以降の値の変更は無視されます。 これは私には間違っているように思えますが、きっとこれはjQueryの見落としではないのでしょう?
他に同じ問題に遭遇した人はいますか?また、私が上記で説明したこと以外に問題の回避策や解決策をお持ちですか?
どのように解決するのですか?
は、ajaxアップローダーがあなたの入力要素を更新していますか? もしそうなら、.live()メソッドの使用を検討する必要があります。
$('#imageFile').live('change', function(){ uploadFile(); });
を更新してください。
jQuery 1.7+ からは、.on() を使用する必要があります。
$(parent_element_selector_here or document ).on('change','#imageFile' , function(){ uploadFile(); });
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み] jQuery select onChangeの値を取得する。
-
[解決済み] チェックボックスがチェックされた場合の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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryのpreventDefault()が発動しない
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] jQueryを使って「Please Wait, Loading...」というアニメーションを作成するにはどうすればよいですか?
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] jQueryを使用してspanに値を設定する方法
-
[解決済み] val()を使ってselectの値を設定しても、jqueryのchangeイベントが発生しないのはなぜですか?
-
[解決済み] jQueryを使用してDropDownListの値を設定するにはどうすればよいですか?
-
[解決済み] ボタンやリンクを無効化・有効化する最も簡単な方法とは(jQuery + Bootstrap)
-
[解決済み] jQuery .onとhoverの使い分けは可能ですか?
-
[解決済み】$(window).width()がメディアクエリとは違う