[解決済み] <input type="file" />でファイルを選択したときに、ファイル名を取得する方法は？

質問

以前、同じような質問を見たことがありますが、セキュリティ上の理由から、解決策を見出せずに終わっています。

しかし、今日、私は、私がチケットを開き、彼らのバックエンドでファイルを添付すると、hostmonsterは、これを実装することに成功しているのを見ます。

それは、FirefoxとIE（正確にはバージョン8）の両方で動作します。

私はそれが正確にクライアント側スクリプトであることを確認しました、リクエストが送信されません（firebugで）。

さて、この質問を再考することができますか？

どのように解決するのですか？

あなたは ファイル名 を取得できますが、クライアントのファイルシステムの完全なパスを取得することはできません。

にアクセスしてみてください。 value 属性にアクセスしてみてください。 input の上に change イベント上で

ほとんどのブラウザは ファイル名 を表示しますが、IE8 のような例外もあり、その場合は という偽の のようなパスが表示されます。 "C:\fakepath\myfile.ext" と、古いバージョン( IE <= 6 ) では、実際にクライアントのファイル システムの完全なパスが提供されます (セキュリティの欠如のため)。

document.getElementById('fileInput').onchange = function () {
  alert('Selected file: ' + this.value);
};