画面遷移させずに、選択画像ファイルを渡す方法

解決済

質問者：beterugius
質問日時：2014/07/21 19:35
回答数：3件

下記のようなPHPスクリプトにおいて、ファイル選択ダイアログで選択したファイルを
bbs.php で、$photo変数をGETで受け取るにはどうすればいいのでしょうか？ちなみに今のところ、受け取った
$photo変数の中身はNULLです。

GET渡し以外にも方法があれば教えていただきたいです。（たとえば、$_SESSION['']変数を利用するなど）

【bbs.php】

<td><b>画像を添付</b></td>

<td><iframe src="test.html" width="460" height="40" frameborder="no" scrolling="no">
フレームを表示できないブラウザへのメッセージ
</iframe>
</td>

～

<?php
$photo = $_GET['photo']; // 添付画像ファイル名
?>
---------------------------------------------------------------
【test.html】

<html>
<head><title>ファイルのアップロード</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body text="white">
<table rows="1" cols="3" height="30" border="0">
<tr>
<td valign="top">画像選択（10MB以下）</td>
<form action="./file_upload.php" method="post" enctype="multipart/form-data" target="upload_frame">

<input type="hidden" name="max_file_size" value="10240000">
<td valign="top"><input type="file" name="sendfile" /></td>
<td valign="top"><input type="submit" value="送信" /></td>
</form>
</tr>
</table>
<div id="container"></div>
<iframe name="upload_frame" sytle="display:none;"></iframe>

</tr>
</form>
</table>
</body>
</html>
----------------------------------------------------------
【file_upload.php】
<?php
$upload_dir = './files/';
$filename = $_FILES['sendfile']['name'];
if(move_uploaded_file($_FILES['sendfile']['tmp_name'], $upload_dir.$filename)){
echo "画像".$filename."をアップロードしました。<br><br>";
// データベースの画像カラムを挿入する
$con = mysql_connect("～", "～", "～"); // ローカルのMySQLデータベースサーバーに接続する
mysql_select_db("～"); // データベースサーバーに存在する（myPHPAdminで作成済みの）データベースを選択する
// ラストレコードの画像ファイルカラムを更新する
$sql = "UPDATE bbstbl SET(photo=$_FILES['sendfile']['name']) WHERE ORDER BY sid limit 1;";
$result = mysql_query($sql, $con);
$rowco = mysql_affected_rows($con); // テーブルの行数
mysql_close($con); // データベースとの接続を解除する

//header("Location: bbs.php?photo=$filename");
}else{
echo "画像のアップロードに失敗しました。<br><br>";
}
?>
<script type="text/javascript"></script>

-------------------------------------------------------------

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： _nayutax
回答日時：2014/07/22 20:01

ご提示のプログラムに、肝心のjavascriptによるアップロード部分がか書かれていませんが、

AJaxによるファイルアップロードは予想以上に大変です。

HTML5対応ブラウザであれば、FormDataオブジェクトが使えるので比較的簡単に送信できます。
http://molaovo.hatenablog.jp/entry/20130111/1357 …

しかしIE8以下のような「旧タイプ」ブラウザは内部でiFrameなどを生成して送信する仕組みを作り込まなければいけません。Flashを使う場合もあります。
クロスブラウザ判定などもあるので、普通はjQueryによるファイルアップロード用プラグインを使います。サーバサイドはそのまま使用できますし、アップロード後の画像表示も自由です。
ttp://webchoko-tips.com/2014/01/jquery-fileupload-summary/

- 0
- 件

通報する

この回答へのお礼

詳しいご指導、どうもありがとうございました。
AJAXにつきましては、これから勉強しようと思っております。

通報する

お礼日時：2014/07/22 20:40

No.2

回答者： mpro-gram
回答日時：2014/07/22 18:07

とりあえず、$filenameに送信されてきたファイル名をそのまま使うのは危ない。

とくにバイナリー文字やディレクトリー区切り文字が混入してないかのチェックは重要
file_upload.php 側で、 $filename に何が入ってるかの確認するのが先のような気がします。
ブラウザによっては、送信してこないかも？

- 0
- 件

通報する

この回答へのお礼

ご回答いただき、ありがとうございました。

通報する

お礼日時：2014/07/22 18:19

No.1

回答者： yambejp
回答日時：2014/07/22 13:56

ちょっと特殊な処理なので実際には試していませんが

遷移なしで画像を送るならajaxですよね？
で、DBと連携しているので戻り値にIDを返してもらえば
<img src="loadimage.php?id=xxx">的な呼び出しをすればいいでしょう
またサーバー上においておくファイル名も文字コードに依存しない
英数文字のみのものに付け替えることをお勧めします。
（面倒ならidとなる数値と同値でもいいでしょう）

ファイル名でマッチングする処理は、インターネット経由では
通用しない場合も多々あるのでやめたほうがいいと思います

この回答への補足

【file_upload.php】
<?php
$upload_dir = './files/';
$filename = $_FILES['sendfile']['name'];
if(move_uploaded_file($_FILES['sendfile']['tmp_name'], $upload_dir.$filename)){
echo '<img src="bbs_test.php?photo=$filename">';　←　利用させていただきました。
　　}
?>

<script type="text/javascript"></script>

【bbs_test.php】
function regist_database(){

～中略～

$photo = $_GET['photo']; // 添付画像ファイル名
　　var_dump($photo);　←ここで、ダンプ値がNULL
return $photo;
}

---------------------------------------------------
上記のように、yambe.jpさんがおっしゃってるように、
イメージタグにクエリーをくっつけて、GET渡ししたのですが、やはり、bbs_test.php側で、$photoの値がNULLなのですが、どうしてなのでしょうか。ご指導お願いできますか？