ボタンひとつでファイル送信するスクリプトを書きたい。

Question

前提・実現したいこと

onclickなどのイベントハンドラでファイルを指定したurlに送信する中で、
ファイルの選択が終わるまで処理を待つためにwhile文を書いて、ファイルのパスが０より大きくなるまでコンソールに１秒ごとにメッセージを表示させたかった。
(文末に
form.submit();
form.remove();
が入る予定です。)

発生している問題・エラーメッセージ

イベントハンドラ（buttonのonclick）がボタン押下のまま反応しなくなる。

該当のソースコード

		function upload(url) {
		  var form = document.createElement("form");
		  var tmp = document.createElement("input");
		  tmp.setAttribute("type","file");
		  form.appendChild(tmp);
		  form.method = "POST";
		  form.action = url;
		  document.body.appendChild(form);
		  tmp.click();
			while (tmp.value.length == 0){
				setTimeout(function(){
					console.log("1秒経過しました")
				},1000);
			}

試したこと

・while文をif文に変えるとちゃんと一度だけ１秒経過が表示されます。
・tmp.value.lengthは通常時0,ファイル指定時0より大きいことは確認しました。
・while文内をconsole.logだけにすると正常に(ループしまくりますが)動作します。

補足情報（FW/ツールのバージョンなど）

ブラウザはchromeブラウザで行っています。

Answer 1

ファイルの選択が終わるまで処理を待つため

ちょっと意味がわからないです
ファイルに対するaddEventListenerでchangeイベントを利用すればよいのでは？

Comments

[gattiUST]

ありがとうございます。
解決しました。