<input type="file">アップロード

質問

下記教えて下さい

<input type="file" name="datafile">
<input type="submit" value="送信する">

上記を使ってファイルのアップロード機能を作りたいのですが、

(1)ファイル選択していない状態で「選択されていません」となるので
　文字を消したい（文字を非表示、または違う文言にしたい）場合、どこで設定するのでしょうか。

(2)送信するボタンを置かずに、選択時にそのまま送信処理につなげたいのですが
　どのようにすれば良いでしょうか。

回答No.2

ONEONE · ベストアンサー

このあたりを参考にしてはいかがでしょう。

http://devadjust.exblog.jp/16866976
http://lab.sonicmoov.com/development/javascript/input-type-file/

リンク先でも説明がありますが
javascriptでinput type="file"をクリックするという動作を設けても
IEでは動かないのでご注意を！

お礼

ありがとうございます！

回答No.1

anmochi

> (1)
CSSを駆使すればあるいはなんとかなるかも知れんが、
そういうの（input fileとしてブラウザが標準で用意している見てくれ）を
あえて隠すのはセキュリティ的にまずい事もあるので
できればやらない方がいいと思う。

> (2)
<input type="file" name="datafile" onchange="javascript:hogehoge();">
とするとファイル選択時にhogehogeが呼び出されるのでそこでfileを含むformをsubmitしてやるなどで
対応が可能だ。
実際に試してみると分かるがIEとFirefoxとChromeではChromeだけonchangeの挙動が違うので
両方で動作試験するべきだろう。
もちろんjQueryなどのJavaScriptコンポーネントを使用しても良い。