フォルダ内の画像をダウンロードできるようにしたい

Question

フォルダ内の画像をダウンロードしたいです。
下記ようなフォルダ構成になっており、datas配下には「20200603」のような日付のフォルダが沢山あり、その中のimagesフォルダの中に画像が複数入っています。

├ datas/
│ └ 20200603/
│ └ images/　
│ 　　　　　　　├ image01.png
└ dl.php/　 　 └ image02.png

発生している問題

実行すると画像がダウンロードされるのですが、画像を開くと「このファイルはサポートされていない形式のようです」と表示され、ファイルを上手く指定できていないようです。

ソースコード

$idで日付のフォルダ(上記だと「20200603」のフォルダです)を指定して、画像を取り出したいです

$id = '20200603';
//ディレクトリ内のファイル一覧を取得
$result = glob("./datas/{$id}/images/*");

foreach ($result as $fpath) {

    //トリムして画像のファイル名を取得
    $file = str_replace("./datas/{$id}/images/", '', $fpath);

    //画像のダウンロード
    header('Content-Type: application/octet-stream');
    header('Content-Length: '.filesize($fpath));
    header('Content-disposition: attachment; filename="'.$file.'"');
    readfile($fpath);
}

試したこと

・パスやファイル名が合っているかvar_dump($result)、var_dump($fpath)、echo $fileなどと表示させながら進めてみました。ファイル名などは指定出来ているように思います。

・下記ソースで実行したところ指定した画像がダウンロードでき、画像も表示されました。

$id = '20200603';

//画像のパスとファイル名
$fpath = "./datas/{$id}/images/image01.png";
$fname = 'image01.png';

//画像のダウンロード
header('Content-Type: application/octet-stream');
header('Content-Length: '.filesize($fpath));
header('Content-disposition: attachment; filename="'.$fname.'"');
readfile($fpath);

どちらのソースコードでダウンロードされた画像も同じファイル名なのですが、1つ目のソースコードではどこに原因があるのでしょうか？
ご教授の程よろしくお願いいたします。

Answer 1

どちらのソースコードでダウンロードされた画像も同じファイル名なのですが、1つ目のソースコードではどこに原因があるのでしょうか？

一つ目のソースコードでは複数のファイルを一度にダウンロードさせているように見えます。
流れとしては

1. haeder()でHTTPヘッダを出力
2. readfile()でファイル本体を出力
3. 1からディレクトリに存在するファイル数の数だけ繰り返す

ですが、1-2の流れを一回のリクエスト中で繰り返すことはHTTP通信では許されていないので、最初のファイル以降の出力が全てデータ本体として1つのファイルとして扱われている状態です。

例えば二つ目のコードで

$id = '20200603';

//画像のパスとファイル名
$fpath = "./datas/{$id}/images/image01.png";
$fname = 'image01.png';

//画像のダウンロード
header('Content-Type: application/octet-stream');
header('Content-Length: '.filesize($fpath));
header('Content-disposition: attachment; filename="'.$fname.'"');
readfile($fpath);

//画像のダウンロード2回目
header('Content-Type: application/octet-stream');
header('Content-Length: '.filesize($fpath));
header('Content-disposition: attachment; filename="'.$fname.'"');
readfile($fpath);

としてみると問題が再現できますので試してみてください。
（試していませんが、おそらくダウンロードされるファイルのサイズが約2倍になっているはずです）

よくある解決方法としては、ディレクトリをzipなどで一つのファイルに固めてから、1回でダウンロードさせることです。

Comments

[ionsite55]

ありがとうございます。
ご指摘の通り、画像を1枚だけ指定ししてのダウンロードは実行できました。
zipにして処理しようと思います。

[tanat]

疑問が解決して良かったです。