ベストアンサー <input type="file">のイベントについて 2004/12/13 08:50 <input type="file">でファイルを選択した時点にイベントを追加する方法を教えてもらえませんか? セキュリティの観点から無理なのでしょうか? みんなの回答 (5) 専門家の回答 質問者が選んだベストアンサー ベストアンサー BLUEPIXY ベストアンサー率50% (3003/5914) 2004/12/13 11:45 回答No.1 ファイルを選択した時点で、 onchange イベントが起こりますので、 それを利用すればいいです。 例: <form name="File"> <input type="file" name="UPLOADFILE" onchange="alert(document.File.UPLOADFILE.value)"> </form> 質問者 お礼 2004/12/13 15:12 BLUEPIXYさん、回答ありがとうございました。 onchangeで出来ました。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 その他の回答 (4) BLUEPIXY ベストアンサー率50% (3003/5914) 2004/12/13 16:55 回答No.5 補足 自分でも調べてみました所 onchangeイベント valueプロパティ は javascript1.1以上で対応しているようです。 なお、#4でも答えられているように スクリプトからのvalueの変更はできません。 これは、クライアントが意図したファイルと違うものを転送させられる恐れがあることからできないと思われます。 質問者 お礼 2004/12/13 22:55 調べて頂いて恐縮です。 ありがとうございました。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 todo36 ベストアンサー率58% (728/1234) 2004/12/13 13:45 回答No.4 失礼しました。 > onchangeイベントは発生しない IE5, NN4.7では発生しない。 IE6, Opera7, firefox1では発生する。 > valueも参照できない。 参照は出来る。 >セキュリティの観点から無理 valueへの代入はセキュリティの観点から無理 に訂正します。 質問者 お礼 2004/12/13 15:17 todo36さん、回答ありがとうございます。 valueへの代入はやっぱり無理なんですね。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 BLUEPIXY ベストアンサー率50% (3003/5914) 2004/12/13 13:04 回答No.3 #2様 少なくとも、XP+IE6のウチの環境では、実行できましたが? >セキュリティの観点から無理 クライアント側のファイルの選択 や選択されたファイル名の表示とは なんの関係も無いように思います。 そうすると、ファイルのアップロード自体できないというような感じになってしまうと思いますが 実際、ライブドアブログでは、 アップロードファイルの選択時に選択されたファイル名を表示していますしね。 「専門家」としては、どういう根拠で言われているのでしょう? 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 1 todo36 ベストアンサー率58% (728/1234) 2004/12/13 12:45 回答No.2 onchangeイベントは発生しないし、valueも参照できない。 >セキュリティの観点から無理 です 質問者 お礼 2004/12/13 22:58 回答ありがとうございます。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発JavaScript 関連するQ&A <input type="file">アップロード 下記教えて下さい <input type="file" name="datafile"> <input type="submit" value="送信する"> 上記を使ってファイルのアップロード機能を作りたいのですが、 (1)ファイル選択していない状態で「選択されていません」となるので 文字を消したい(文字を非表示、または違う文言にしたい)場合、どこで設定するのでしょうか。 (2)送信するボタンを置かずに、選択時にそのまま送信処理につなげたいのですが どのようにすれば良いでしょうか。 <input type="file">タグで「キャンセル」か「開く」を取得したい いつもお世話になります。 <input type="file">タグで、 ファイル選択ダイアログを開いたあとに、 「キャンセル」を押したのか、 ファイルを選択したのか(「開く」を押したのか)を 取得する方法はないのでしょうか? よろしくお願いします。 inputボックスでのファイル選択後、自動でinputボックス作成 <input type="file">でアップロードファイルを選択後、自動で新しい<input type="file">のボックスが表示されるような仕組みを作れますか? onclick()のようなイベント取得方法で、ファイルが選択されたというようなイベントなどがありますでしょうか? ファイルを連続で選択し、それらをまとめてアップロードする必要があります。 ネットワークエンジニアとは?技術職の未来を考える OKWAVE コラム input type="file"の入力チェック よろしくお願い致します。 入力チェックページ付きのメールフォームについて、添付ファイルを必須項目にしたいと考えております。 <input type="text" name="お名前" />の場合は、以下のようなコードで入力チェックしております。 if($DATA['お名前'] == ""){ $err.="【お名前】を入力して下さい。\n"; } <input type="file" name="添付ファイル" />の添付ファイルも同じコードで試してみたところ、 if($DATA['添付ファイル'] == ""){ $err.="【添付ファイル】を選択して下さい。\n"; } ファイルの添付の有無に関わらず、「添付ファイルを選択して下さい。」というエラーコードが常に表示されます。 「input type="file"」の場合の入力チェックはどのようなコードを書けば良いのでしょうか? <input type="file">で条件分岐 <input type="file">で、送信ボタンをクリックする前に、下記のようなことをしたいです。 どうやるのでしょうか? ■A ・ファイルを選択したかどうか、の条件分岐 ■B ・選択したファイル名を、JavaScript変数へ格納 input type="file"に入力するには? わからなかったので質問させてください。 inputtype="text"のときは入力できたのですが以下の方法で入力できたのですがfile場合はできないのでしょうか?。 入力したいのはファイルパスです。 ファイルパスを入力して画像ファイルをアップロードさせてたいのですがどのようにすればいいでしょうか。 どなたかご教授ください。 <input type="file" name="file" size="30"> WebBrowser1.Document.All.GetElementsByName("file")(0).InnerText = TextBox1.Text JavaScriptのfileオブジェクト(input type="file")の選択を初期化したい fileでユーザーが選択したファイルを、未選択の状態にしたいのですができません。 valueプロパティを""にしてもnullにしても、元の値(ファイルパス)が入ったままです。 HTML: <input type="file" name="picture_file"> JavaScript: document.form_main.picture_file.value = ""; alert(document.form_main.picture_file.value); document.form_main.picture_file.value = null; alert(document.form_main.picture_file.value); どうにかして初期化する方法はありますでしょうか?file以外のほかのinput項目は変更せず、また画面遷移もせず実現する必要があります。 input TYPE="FILE"で取得した画像を表示 お世話になります。 htmlのタグにinput type="file"というのがありローカルの画像を選択できるエクスプローラが起動するというボタンなのですが、それで選択した画像ファイルをサーバ処理を行うことなくブラウザに表示させたいのです、こんなことが可能なのでしょうか? なにかサンプル等ご存知の方宜しくお願いします。 <input type="file">でテキストボックスを触れなくする方法 いつもお世話になっております。 表題の件で質問なのですが、HTMLのタグ <input type="file" ....>ではテキストボックスの値を readonlyに設定し、「参照...」ボタンからファイルを 選択するようにする方法はあるのでしょうか。 ご存知の方がいらっしゃいましたらご教授願えれば 幸いに存じます。 よろしくお願いいたします。 <input type="file">について <input type="file">のボタン部分に色を付けたり、背景画像を敷きたいのですが、 ボタン部分ではなく、文字入力エリアに色が付きます。 文字入力のところはそのままで、ボタンだけにスタイルシートをかけることはできるのでしょうか? よろしくお願いします。 <input type="file"/> に文字列をセットするために <form> <input type="file" id="x"/> </form> <input type="button" onclick="f()" value="push"/> <script> function f() { var e=document.getElementById("x"); e.value="x.txt"; } </script> としてもセットできません <form> <input type="text" id="x"/> </form> <input type="button" onclick="f()" value="push"/> <script> function f() { var e=document.getElementById("x"); e.value="x.txt"; } </script> であればセットできるのです どうしたらセットできるでしょうか? <input type="file"> の幅 フォームの<input type="file"> の幅を変更したりできないのでしょうか? CSSでclassを設定して、widthで幅指定などを行ってみたのですが、無反応でした。 可能なのか不可能なのか、他に何か方法があるのか、この辺りご存知の方書き込みをアドバイスなど書き込みいただきたく思います。 よろしくお願いします。 AIは使う人の年齢や市場にも影響する?人工知能の可能性 OKWAVE コラム input type="file"を使わずにファイルをアップロードする方法 Formで fileの入力フォームを使用せずに、ファイルをアップロード する方法を探しています。 要は、特定のローカルディレクトリの中のファイルを一括して転送したい のですが、input type="file" を使わずに行えるようにしたいのです。 使っている環境はPHP5?です。 何卒宜しくお願いいたします。 input type="file"の幅と高さ FireFox12で、ファイルを取り扱うフォーム部品のボックスの高さと幅が変更できません。 type属性がtextboxだとFireFoxでもCSSがちゃんと適用されます。 <input type="file" name="sample" class="test" /> .photo { width:580px; height:20px; } としていますが、IE8/9 Safari5.1.7/Chrom19では指定した幅と高さになるのですが FireFoxだけ変化しません。 どうしようもないのでしょうか? <input type="file" で初期値を設定したいのですが、 <input type="file"....というボックスに初期の文字を設定したいのですが、 type="text"の時のようにValue="c:\a.txt"では設定できませんでした。 こういうことは不可能な仕様でしょうか? 何か方法があったら教えて頂きたいです。 よろしくおねがいいたします。 input type input type=fileで初期文の「選択されていません」の表示を変える方法はありますか? <input type= <input type="button">はボタン、<input type="checkbox">はチェックボックスというように呼ばれていると思いますが、世間では<input type="file">タグのことをなんと呼んでいるのでしょうか?ドキュメントを書く際にいつも困惑しています。世間一般で通用する<input type="file">タグの名称がありましたら教えていただけますか? input type="file"で複数選択を可能にする方法 初めて利用させていただきます。初心者の為、できれば詳細なご回答いただけると嬉しいです。 早速ですが、<input type="file">の実行結果は、テキストエリアの横に【参照】ボタンがあるような状態になります。 このテキストエリアの部分に複数のファイルをどんどん選択して格納できる方法を探しております。 イメージとして、3行くらいがデフォルト表示のテキストエリアがあり、その横に【参照】と【削除】ボタンが上下に並び、 参照で選択したファイルがそのテキストエリアに格納されてゆき、3行を超えるとスクロールバーが表示される、 格納されたあるファイル名を反転させて【削除】選択で削除される、 というものを作りたいのです。 今回、クライアントの要望で添付ファイルは1000個まで選択可能という状態を実現しなくてはならず、<input type="file">を1000個並べる訳にもいかない為、とても困っております。 且つ、java script禁止令を出されています。 ファイル形式はjspですので、formのactionでサーバ側で処理を制御することは可能です。 念の為、私が探し出したソースで一番理想に近いものを併記致します。 <table> <tr> <td rowspan="2" nowrap><select name="File" size="3" multiple> <option value=""> </select></td> <td> <iframe width="60" height="25" frameborder="no" scrolling="no" src="とあるexeファイルを指定"></iframe> </td> <td rowspan="2" valign="top" nowrap><font size="-1">「参照...」ボタンをクリックして<br>ファイルを指定してください。</font></td> </tr> <tr> <td nowrap><input type="button" value=" 削除 " onClick="RemoveFile( this.form )"></td> </tr> </table> input type="file"のvalue監視 input="file"のvalue値が変更されたら別のテキストフィールドに表示するというScriptを書いたのですが動作してくれません。 input="file"ではなく普通のテキストフィールドならば動作します。 fileフィールドでは動作しないのでしょうか。それとも書き方がまずいのでしょうか。 以下、ソースです。 <html> <head> <title>test</title> <script type="text/javascript" src="/javascript/prototype.js"></script> </head> <body> <form action="" enctype="multipart/form-data" method="post"> <input id="file_test" name="file_test" type="file"> <br> <div id="result">表示</div> <script type="text/javascript"><!-- window.onload = function() { new Form.Element.Observer('file_test', 1, function(element, value) { document.getElementById('result').innerHTML = value; }); } //--></script> </form> </body> </html> よろしくお願いします。 jQuery.uploadとtype="file" ■IEで input type="file" を画像差し替えしたのですが、正しく動きません。 画像アップロードをファイル選択と同時に行うため、下記jQuery.uploadを実装しました。 http://lagoscript.org/jquery/upload しかし、input type="file" のままだと見た目が悪いため、追加で下記実装を行いました。 (全く同じ実装を行いました) http://zxcvbnmnbvcxz.com/input-typefile-%E3%82%92%E7%94%BB%E5%83%8F%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AB%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/ 無事実装が完了し、FF、Chromeでは動作したのですが、 IE8~10では画像をクリックしてもファイル選択画面すら動作せず。。 (IE7は確認しておりません) どなたか解決方法をご存じの方がいらっしゃいましたらご教授頂けると幸いに存じます。 注目のQ&A 「You」や「I」が入った曲といえば? Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市(長野県)在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他(プログラミング・開発) カテゴリ一覧を見る OKWAVE コラム 突然のトラブル?プリンター・メール・LINE編 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? 友達って必要?友情って何だろう 大震災時の現実とは?私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ!負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
お礼
BLUEPIXYさん、回答ありがとうございました。 onchangeで出来ました。