複数画像登録フォームの更新のためのプログラム

Question

初めて投稿します。初心者のreiko_yです。

php, javascript, sqliteにて

[記事]とともに複数の画像を登録するフォームを作成中
登録できるのは管理者のみ。

仕様
・最大４枚の画像を登録できる。<input type="file" name="files[]">
・各画像にキャプションをつける。<input type="text" name="caption[]">
・画像アップのディレクトリーは　uploads/category/
・画像名は日付+行（20210403083128-1.jpg）

なんとか新規登録は作成することができました。
現時点では、２枚しか選択しなければ　image用tableには２行分のデータしか登録しない方法です。

質問（やりたいこと）
更新用のプログラムの作り方について

複数画像アップロードされたデータを呼び出し
削除および再選択させて登録するためにどうすればよいか。
または、一般的にはどうしているのか。です。

-----妄想部分-------------------------------------------------
データ呼び出し
<input type="file" name="files[]">に値を入れることはできないので
サムネイルだけ表示して、削除するためのチェックボックスを配列で画像ごとに設置？？

**1）**１枚目や２枚目を再選択する場合
uploads/category/内の古い画像を削除
新規と同じ方法でアップロード
database 新しいファイル名に更新

**2）**３枚目以降を追加する場合
（１枚目と２枚目を無視）
新規と同じ方法でアップロード
database ３行目データを追加

**3）**１番目を削除のみした場合
uploads/category/内の古い画像を削除
database 1つずつずらして登録　？？？

最初からイメージ用テーブルに４行分のデータを登録しておくべきなのか

なんだか大変になりそうな、、、

よろしくお願いいたします。

Comments

[m.ts10806]

画像をどのように登録して紐づけているか次第です。
一般的にどうかと言うより自身の要件から考えてください。

[reiko_y]

ご依頼通りの追記かどうかわかりませんが、

親テーブル
article id title, category, event_date, contents・・・・・
子テーブル
images id , article_id, img_no, img_path, caption

article id ←→　images article_id 紐づけ

img_no ← 何番目のfileか（配列＋１）

入力画面は
<input type="file" name="files[]">
<input type="text" name="caption[]">

４つ分の固定表示です。

POSTされたデータを
foreach ($files as $key => $value) {
articleテーブルにINSERT INTO
imagesテーブルにINSERT INTO
}

実際は登録前に確認画面があります。
サムネイル表示させるために一旦仮のディレクトリーにアップロードして
確定したら、リネームしながら正式のディレクトリーに移動しています。

なので、カテゴリーのみ変更された場合もfileのディレクトリーに移動が必要。

[reiko_y]

すいません。記述間違いです。

POSTされたデータを・・のところ

articleテーブルにINSERT INTO
foreach ($files as $key => $value) {
　　imagesテーブルにINSERT INTO
}

Answer 1

画像削除にも二通りありますけどね。サーバ上から画像ファイルを消去してしまう物理削除と、単に表示用パスを使えなくするだけの論理削除です。サーバ容量や仕様にも依存しますが、方法としては複数のアップロードファイルを巡回させて、画像ファイルが存在しているかを確認していきます。

また、削除するかどうかは削除フラグでもhtml側のフォームに付与すればいいでしょう。

foreach($file_paths as $path)
if(!file_exists($path)){
   //新規、または更新
}elseif($del_flg == 1){
   //削除処理
}
}

このように処理すれば決して難解なプログラムにはならないはずです。また、DBテーブル上もユニークなidで画像テーブルのデータを制御し、使用しない画像ファイルは削除フラグを立てておくといいでしょう。

自分の持論からいえば、物理削除はサーバ容量がシビアな場合以外はあまり採用しません。

Comments

[reiko_y]

ありがとうございます。
使用しない画像ファイルにフラグを立てて、行削除等をしない方法もあるのですね。
思い込みが激しいので(>_<)
再選択されたら新しい画像をアップして、その行に対して新しいファイル名＋フラグを倒す。新規は行追加・・・

友人に頼まれて小さいサイトの更新用に登録ページを作成しています。
サーバーはさくらインターネットのライト（10GB）です。
１ファイル上限１MGとした場合、月１０回登録でもファイルの削除はしなくていいですね。（せいぜい、５回程度だと思います）

日付範囲を指定して古い画像を削除するなどのプログラムは必要かなと。

技術的というより、考え方に対する質問に誠実に答えていただいてありがとうございました。