WEBページでファイルダイアログを使用する方法


inputタグfileタイプで、ファイルダイアログを使用できますが、取得できる文字列がフルパスです。

ファイル名だけを取得する方法を教えてください。
または
http://chaichan.web.infoseek.co.jp/qa5000/qa5465.htm
にある
(1)<input type=file>をdisplay:noneで隠して設置し、
 onChangeイベントに自身のvalueを別コントロールへ
 コピーするスクリプトを記述しておく。
(2)JAVAスクリプトで、fileのclick()メソッドを実行させる。
のサンプルを見せてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2007/03/17 22:04:15
  • 終了:2007/03/18 13:27:32

ベストアンサー

id:openseed No.1

openseed回答回数51ベストアンサー獲得回数62007/03/18 11:00:33

ポイント100pt

WIN+IEのみの検証です。

<input name="file" type="file"  style="display:none" onchange="var f=this.value.split('\\');alert(f[f.length-1]);" />
<a href="#" onclick="document.getElementById('file').click();return false;">click</a>

他のブラウザを利用する場合は、

http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi?mode=view&no...

が参考になるかもしれません。

id:ibun08

ありがとうございます。

要望していた機能を実現できました。

クロスブラウザにも挑戦してみます。

2007/03/18 13:26:29

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません