javacriptを使用してファイルを読み込むためのイベントコールバックを設定する場合、file.onchange
を使用できますが、ユーザーがアップロードをキャンセルしたときにイベントを設定する方法はありますか?JavaScriptのファイルアップロードのキャンセルのためのイベント
答えて
ファイル入力モーダルのAPIはありません。また、ユーザーがブラウザを閉じると、コードはもう実行されません。
もちろん、与えた例を検出できるようにするwindow.onunloadメソッドがあります。
私が考えていることは、何も選択しなければfile.value.length
が0
になるということです。
すみません。それはブラウザではありません。私が意味するのは、ファイルブラウズパネルです。 要素 – Dagon
をクリックすると開くことができます。残念ながら、キャンセルイベントはありません。私がそれを思いついたのは、何も選択されなければ、file.value.lengthは0になるということだけです。残念ながら、ユーザーがonchange以外のモーダルを終了したときに検出するものはありません。アウトは、ファイルが選択されたときにのみ起動します。 –
残念ながら、値はファイルパネルのポップアップの前後で変わりません。 setintervalを指定しても、ポップアップをキャッチできません。パネルポップアップ直後に他の値が変更されると思いますか? – Dagon
"onfileopendialogboxclose"または "onfileselectioncancel"イベントはまだサポートされていません。プラス、ファイル選択ダイアログボックスが要素ではなく、html要素
私はあなたの質問に答えたとは思わないでしょうか? 2つの存在しないイベント名を作り、私の情報を使用しているのは本当にその質問に答えるものではありません。 –
完了........... – Dagon
ありがとうございました!質問をアップして、あなたはいくつかのポイントを得るでしょう。 –
としてcatchedすることはできませんそれはjQueryを使って非常に簡単です:
$("#fileInputId").change(function() {
//implement your code here
});
これは、OPが求めている問題を解決しません –
- 1. セカンダリJavaScriptイベントのキャンセル
- 2. イベントのJavaScriptテストのためのQUnit
- 3. クライアントからキャンセルされたときにサーバー上のファイルアップロードをキャンセルする
- 4. Javascript:キャンセル/画像リクエストのキャンセル
- 5. Delphi:OnBeforePostイベントでのTDataSet.Postのキャンセル
- 6. JavaScriptを使用してファイルアップロードを実行するためのドロップダウン
- 7. ファイルアップロード使用したJavaScript(iPadのWebアプリケーション)
- 8. Androidのエラーウィンドウのフォーカスがないためにイベントをキャンセルします。
- 9. jQuery/Javascriptのキャンセル(または上書き?)
- 10. Javascriptの複数のイベントのための文
- 11. フォームの人口統計のためのjavascriptイベントですか?
- 12. Facebookのグラフページのイベントを除いてキャンセルしました
- 13. Javascript Web Workersファイルアップロード
- 14. javascript関数の構文を呼び出すためのOnClickイベント
- 15. 入力タイプ= "ファイル"のイベントをキャンセルする
- 16. JSON-LD「イベント予約」の更新とキャンセル
- 17. JQuery他のイベントをキャンセルする
- 18. C#TextBox。ASPXのCancelイベントをキャンセルする
- 19. jqGridの削除イベントをキャンセルする
- 20. 複数のファイルアップロードのための1つの進捗バー
- 21. イベントのためのオットーイベントバスランタイムサブスクリプション
- 22. jspとjavascriptを使用した非同期ファイルアップロード(AJAXファイルアップロード)
- 23. 要求と応答のファイルアップロードのためのXHRプログレスバー
- 24. 複数のファイルアップロードのためのPHP VS Java
- 25. HTML/Javascriptファイルアップロード前のEXIFデータにアクセス
- 26. Javascript/Ajaxによる複数のファイルアップロード?
- 27. AS3/JavaScript ExternalInterfaceとファイルアップロード
- 28. Javascript OnChangeイベントを使用して条件付きでテキストボックスのAutoPostBackをキャンセルする
- 29. jQueryのファイルアップロード - 添付ファイルの数は、私は現在、ファイルアップロードのためのjQueryプラグインを使用してい
- 30. DjangoをFTPサーバーへのファイルアップロードのために「聞く」方法
あなたのユースケースに言及している場合、おそらく、誰かが代替案を提案することができます。 –
リダイレクトせずにファイルを送信したいだけなので、iframeを使用する必要があります。ユーザーがをクリックした直後にiframeを作成し、ユーザーがパネルを使用し終わった直後にiframeを消したいと考えています。それはアイデアです – Dagon
ええと、ユーザーが何かを選択するとすぐにアップロードを開始したいのですか?私の提案は、ユーザーにファイルを選択させ、そのすぐ隣にアップロードボタンを置くことです。次にiframeをクリックして作成することができます。そうすれば、ファイルセレクタの値を知ることができます。明らかにnilなら、何らかのバリデーションメッセージを表示することができます。 –