<input type="file">を使って画像を表示するのにchangeイベント以外でできるでしょうか？

現在HTML,Javascript（jQuery）を使ってローカルフォルダの画像を表示する機能を作っています。

以下リンクを参考に<input type="file">, FileAPIを使ってJavaScriptで実装しました。
http://service.cresco.co.jp/blog/entry/710

ここにあるようにローカルフォルダの画像を選んだ時のイベントを感知しようと思うと、changeイベントが一般的なのかなと思います。

Javascript
1<script>
2$('#upfile').change(function(){
3  if (this.files.length > 0) {
4    // 選択されたファイル情報を取得
5    var file = this.files[0];
6       ...

これをchangeイベント以外で実装することはできるでしょうか？

というのも今渡しが開発している画面が<input type="file">でローカルフォルダから画像を選択したタイミングで画面遷移する仕様なのです。

そのとき画像を変えたり、新たに選んだりした場合はchangeイベントが働くのですが、
同じ画像を選んだりした場合にchangeイベントが働かないのです。

そうすると画面遷移が行えず、おかしな挙動になってしまうのです。

<input type="file">に関して、ローカルフォルダから画像を選んだ時、何も変化がなくてもイベントを発生させることは可能でしょうか？

もしお分かりになる方がいらっしゃいましたら教えていただきたいと存じます。

行動規範の内容に同意します

回答1件

ベストアンサー

こんなんでどうよ？

html
1<html>
2<head>
3<script type="text/javascript">
4	onload = function(){
5
6		click = false;
7	}
8	function changed(obj){
9
10		if(click){
11
12			alert(obj.value);
13			click = false;
14		}
15	}
16	function clicked(){
17
18		click = true;
19	}
20</script>
21</head>
22<body>
23<input type="file" onclick="clicked()" onmouseout="changed(this)">
24</body>
25</html>