input type="file" 参照クリック時にvalue値をクリアさせたい

Question

参照をクリックしファイルを選択→ファイル変更のため再度参照をクリックした際、
先程選択したファイルのあるディレクトリを表示させたい。

<input type="file" id="up" onclick="clear()" />

function clear(){
  if(!(document.getElementById("up").value == ""))
    document.getElementById("up").value = "";
}

現在、Deleteキーを押した際にvalueの値をクリアさせるようにし、参照を
クリックすると先程選択したファイルのあるディレクトリが表示されます。

ここをわざわざDeleteキーを押さずに出来るようにしたいと思っております。

環境：IE11,HTML5,JavaScript

Answer 1

こんな感じでしょうか？

/*最初clearとしていたものを修正*/
function myclear(obj){
  obj.value='';
  return true;
}

<input type="file" id="up" onclick="return myclear(this)" />

念の為確認

「clear」という関数名が競合しているかもしれません。
別の名前にしてみてください
念の為htmlに埋め込む処理を書いておきます

<input type="file" onclick="void(this.value='');return true;">

Comments

[退会済みユーザー]

変化無しですね…

[yambejp]

すみません、名前の競合かもしれません。
適当な名前につけかえてみてください

[退会済みユーザー]

こちらこそすみません。名前が競合していたようです。クリアさせることには成功したのですが、
結局のところ何も選択されていない初期状態にまで戻ってしまうので、IE11でChromeのような動きを
実装出来ればと思ったのですが…難しいですかね？

[yambejp]

type fileは深刻なセキュリティホールになりうる機能ですからね
それなりの制約があってしょうがないでしょう。
とりあえずacceptが現時点での限界じゃないでしょうか？

インタフェースを気にしなければdroppableな領域をつくって
ファイルをドラッグ・アンド・ドロップしてajaxで送る処理に
きりかえるなど方法はあると思います

[退会済みユーザー]

なるほど、丁寧にありがとうございます。