人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

●質問者: ibun08
●カテゴリ:インターネット ウェブ制作
✍キーワード:Click Java Web イベント コピー
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● openseed
●100ポイント ベストアンサー

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...

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

◎質問者からの返答

ありがとうございます。

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ