php + js 修改商品圖片的思路問題，多個商品圖片怎麼修改？

Question

我先講一下我上傳的作法～

上傳多個商品圖片的方式是
用 onchange 綁定 input file

<input multiple type="file" id="file1" name="icons[]" class="" accept="image/jpeg, image/png, image/jpg">

然後利用 FileReader 去製造預覽圖和 base64 網址
後端用 foreach 取 $_POST['icon'] 的所有 base64 並用 file_put_contents 下載到服務器上

foreach ($_POST['icon'] as $key => $value) {

      preg_match('/^(data:\s*image\/(\w+);base64,)/', $value, $result);

再利用對應的網址變成是圖片網址 https://host/images/xxxx/每個...
再把第二張以上的圖片路徑資訊丟到 icon 數據表中
欄位是 product_id 和 icon

現在的問題是：
假設是要修改圖片呢？
第一個是顯示的問題，進入該圖片顯示他目前有幾個圖片
第二個問題是怎麼提出修改？
第三個是沒有修改的圖片如何略過？因為 input file 沒辦法附帶 value 值（安全問題），那我後端怎麼知道哪些有動哪些沒動？

Answer 1

我的做法一般是：多图在表中会有一个共同值，代表着这是同时上传的，然后每个图片会有一个id,修改的时候，单独删除和单独修改，都会根据这个id来做

Answer 2

之前做过的时候 大概是 点击删除的时候 把删除的地址记录一下 然后提交过来的时候 循环一下原图片地址 将删除的删除了 然后再保存新提交的