- ベストアンサー
アップした画像を表示
よろしくお願いします。 現在 <form action="" name="pic" method="post" enctype="multipart/form-data"> <input type="file" name="header_pic" value="" onchange="uproad_header()"> でonchangeで変更があるとsubmitを実行して画像を入れ替えています。 サーバー上のファイルは変わっています。 表示は <img src="pic1.jpg" width="58" height="58"> です サーバー上のファイルは変わっているので 更新ボタン(F5)を押すと画像は入れ替わるのですが 更新ボタンを押さずにアップされた時点で画像が入れ替わって表示する方法はないでしょうか？ PHP5でやっています。 以上説明が下手ですみませんがよろしくお願いします。
- SAY_MAN
- お礼率61% (74/121)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
キャシュが利用されているのが原因だとしたら、 <img src="pic1.jpg" width="58" height="58"> ↓ <script type="text/javascript"> document.write('<img src="'+ 'pic1.jpg?'+(new Date()).getTime() + '" width="58" height="58">'; </script> こんな風にしてurlを毎回変えてやれば解決するかも。
その他の回答 (1)
- auty
- ベストアンサー率58% (284/486)
確認はしていませんが,submit後に window.location.reload(); を挿入してみてください。
補足
返答ありがとうございます リロードしても画像は変わりませんでした。
関連するQ&A
- ＷＥＢサイトからファイルマネージャへ直接画像をアップロードするには
はじめまして。 自分のサイトのページからファイル参照をし、 ［<FORM method="POST" enctype="multipart/form-data" action="img_upload.php"> <INPUT type="hidden" name="MAX_FILE_SIZE" value="65536"> 画像のファイル名を入力してください（最大64KByte） <INPUT size="30" type="file" name="upfile"><BR> <BR> <INPUT type="submit" name="submit" value="送信"> <INPUT type="reset" name="reset" value="リセット"> </FORM>］ 自分の借りているレンタルサーバにあるファイルマネージャへ直接画像をアップし、 違うページで表示させたいのですが可能でしょうか。 サンプルソースや参考になるサイトを教えていただけるとありがたいです。 どうかよろしくお願いいたします。
- 締切済み
- HTML
- ファイル選択と同時にアップロード HTML+JS
HTMLとJava Scriptのことを質問させてください <form>タグからファイルを選択すると同時をアップロードしたいと思っています。 複数の「ファイルを選択ボタン」を設置し、それぞれ"001.jpg"、"002.jpg"など指定の名前でアップロードしたいです。 下記のようにいくつかの<form>タグを設置し、javascriptでコントロールできるかと思いケース1のように書いた場合はうまくいったのですが、ケース2のように複数並べて記述した場合、動かなくなり困っております。 どなたか教えていただけないでしょうか？ よろしくお願いいたします ケース1） <form id="upload_file1" action="file_upload.php" method="post" enctype="multipart/form-data" target="upload_frame"> <input type="hidden" name="picture_id" value="001.jpg" /> <input type="file" id="file_id_1" name="file_name" accept="image/jpeg"> </form> <form id="upload_file2" action="file_upload.php" method="post" enctype="multipart/form-data" target="upload_frame"> <input type="hidden" name="picture_id" value="002.jpg" /> <input type="file" id="file_id_2" name="file_name" accept="image/jpeg"> </form> <script> var form = document.getElementById("upload_file1"); var input = form.file_name; input.onchange = function (){ if(this.value){ form.submit(); } }; </script> ケース2） <form id="upload_file1" action="file_upload.php" method="post" enctype="multipart/form-data" target="upload_frame"> <input type="hidden" name="picture_id" value="001.jpg" /> <input type="file" id="file_id_1" name="file_name" accept="image/jpeg"> </form> <form id="upload_file2" action="file_upload.php" method="post" enctype="multipart/form-data" target="upload_frame"> <input type="hidden" name="picture_id" value="002.jpg" /> <input type="file" id="file_id_2" name="file_name" accept="image/jpeg"> </form> <script> var form = document.getElementById("upload_file1"); var input = form.file_name; input.onchange = function (){ if(this.value){ form.submit(); } }; var form = document.getElementById("upload_file2"); var input = form.file_name; input.onchange = function (){ if(this.value){ form.submit(); } }; </script>
- ベストアンサー
- JavaScript
- onclickで複数のボタンで対応したCGIにデータを送りたいのですが。
下記のような感じで、 １．画像追加ボタンを押すと別ページ(b.cgi）に飛んで登録が終わったらまたこちらに戻ってきて、登録が押されるとそのまま登録処理(a.cgi)になる。 ２．画像追加がされていなくても登録が押されるとそのまま登録処理をする。 （１．２．ともform内の情報はhiddenですべて送ります。） こんな動きをさせたいのですが、参考サイトなどをみてもこういう動作をしているところがなくて丸3日悩んでいます。 onclick=submit の記述とJavascriptの書き方が問題だとは思うのですが煮詰まってしまいました。 皆様には初歩的な質問かもしれませんがどうぞよろしくお願いします。 <form method="post" enctype="multipart/form-data"> <input type="text" name="Title" value="" size="140"> <input type="text" name="Body1" value="" size="140" style="ime-mode: active;"> <input type="button" value="画像追加" onclick="submit(document.gazouform)"> <input type="button" value="登録" onclick="submit(document.tourokuform)"> <form action="a.cgi" method="post" enctype="multipart/form-data" id="tourokuform"> </form> <form action="b.cgi" method="post" enctype="multipart/form-data" id="gazouform"> </form>
- ベストアンサー
- JavaScript
- アップロードされてきた画像ファイル
フォームからアップロードされてきた画像ファイルを、適当なファイル名を付けてJPGあるいはGIFの拡張子で保存し、HTMLファイルで保存した画像を一覧表示させようというCGIスクリプトを作りたいと考えています。 <FORM action="xxxx.cgi" method="post" enctype="multipart/form-data"> <INPUT type="file" name="gazo"> <INPUT type="submit"> </FORM> とこんな具合のフォームから画像ファイル（JPGやGIF）をアップロードした時、 受け手のxxxx.cgiでは、この画像ファイルのデータをどのように受けたらよいのでしょうか？ cgi-lib.plを読み込んで、$in{'gazo'} というような形で画像ファイルのデータを受け取ればよいのでしょうか？
- ベストアンサー
- CGI
- 候補画像から選択して画像をアップロード
通常、画像のアップロードは <form action="upload.php" method="post" enctype="multipart/form-data"> <p> 画像をアップロードする<br> <input type="file" name="pic"> </p> <p> <input type="hidden" name="code" value="<?php echo $code ?>"> <input type="submit" name="submit" value="アップロード"> </p> </form> というフォームを使っています。 ↓ ★画像アップロードフォーム http://pips.chu.jp/0/up/upload.php これで、「参照」を押すと、ローカルのフォルダから画像を選べますが、 あらかじめ作成した画像の候補の中から１つ選んでアップロードするにはどうすればよいでしょうか。 画像の候補は、「img」というフォルダを作り、その中に格納しています。 ↓ ★候補画像 http://pips.chu.jp/0/up/img/sample1.jpg http://pips.chu.jp/0/up/img/sample2.jpg http://pips.chu.jp/0/up/img/sample3.jpg 「参照」のボタンを押すと、「img」フォルダに行く方法が知りたいです。 また、ラジオボタンやセレクトボタンを使った方法があれば教えて頂けないでしょうか。 何卒よろしくお願いします。
- ベストアンサー
- PHP
- 画像のアップロード機能
過去の質問に画像のアップロード機能の付け方が載ってたので、色々調べてみたのですが・・・ なぜかうまく動作しません。エラーがでてしまいます。 過去の質問では <FORM action="xxxx.cgi" method="post" enctype="multipart/form-data"> <INPUT type="file" name="gazo"> <INPUT type="submit"> </FORM> とあり、これでアップロードさせるためのフォームを作成するのでしょうが、実際追記してみると、エラーがでてしまいました。 そこで、ぜひ画像のアップロード機能の解説をお願いしたいのです。 解説ページを探したのですが、見つかりませんでした・・・ どなたか、レスお願いします
- ベストアンサー
- Perl
- ファイル選択ダイアログでファイルの種類を指定する方法
下記のプログラムでファイル選択のダイアログを表示しますが 【ファイルの種類】をデフォルトでＣＳＶの指定はできますか？ よろしくお願いします。 <html> <body> <form enctype="multipart/form-data" action = "test_02.php" method = "post" > <input type="file" name="file_data1"> <input type="submit" name="FILE送信" value="FILE送信"> </form> </body> </html>
- ベストアンサー
- HTML
- PHPでフォームから任意の画像削除方法
複数画像がアップロード出来るフォームがあります。 そのフォームはユーザがアップした画像は、フォームにアクセスする度に表示されます。 <form action="upload.php" method="post" enctype="multipart/form-data"> ファイル：<br /> <input type="file" name="upfile" size="30" /><br /> <input type="reset" name="resetfile" value="削除" /><br /> <input type="file" name="upfile" size="30" /><br /> <input type="reset" name="resetfile" value="削除" /><br /> <br /> <input type="submit" value="アップロード" /> </form> 2つの画像をサーバにアップした段階で 2つ目の削除ボタンを押した時に、2つ目の画像だけを削除したいのですが、良い方法が思いつきません。 代替案はチェックボックスですが、デザインが崩れるので避けたいと思っています。 または、javascriptで出来るようですが、あまり得意でないので、出来れば避けたいと思っています。 良い方法があれば、ご教授お願いします。
- ベストアンサー
- PHP
- $_FILES関数
$_FILES関数が使えなくて困っています。 phpのバージョンは4.4です。 ソースは以下のようなものです。 ================================= <?php print_r($_FILES); ?> <html> <body> <form action="<?= $_SERVER['PHP_SELF']?>" method="POST" enctype="multipart/form-data"> <input type="file" name="upfile"/> <input type="submit" value="アップロード"/> </form> <body> <html> ================================= "アップロード"ボタンを押すと、Array()とだけ表示されます。 どうしたら、$_FILES情報が取れるのか分かる方、アドバイスお願いします。
- 締切済み
- PHP
- WEBフォーム（asp）から画像データをデータベースに更新
WEBフォームから商品コード、画像ファイルを選択して登録ボタンを押したら商品コードをｋｅｙにしてimage型のフィールドに画像データを登録・更新するプログラムを作成しているのでしが、どのようにしたら実現できるのかわからずに困っています。 ＜入力フォーム＞ <form name="form1" enctype="multipart/form-data" method="post" action="imageup.asp"> <table width="100%" border="1" cellspacing="3" cellpadding="3"> <tr> <td>商品コード（グループコード）</td> <td>画像ファイル（jpeg）</td> </tr> <tr> <td> <input type="text" name="minor" style="ime-mode:disabled;"> </td> <td> <input type="file" name="file"> </td> </tr> </table> <div align="center"><br> <input type="submit" name="submit" value="登録"> </div> </form> 受取側のプログラムがわかりません。 プログラマ初心者です。どうか宜しくお願いします。
- 締切済み
- Microsoft ASP
お礼
返答ありがとうございます たまにならないときもありますが 無事解決しました。 innerHTMLとか調べてました＾＾； こんな簡単な方法があったんですね。 ありがとうございました。