XOOPS輕鬆架 - 線上書籍

:::

PHP8入門
======

1. 目前圖片只能不斷上傳，卻無法刪除，因此，必須加入圖片刪除的功能。
2. 修改 `admin_create.tpl`，我們在「上傳相片或影片」的欄位下方將圖片讀出，並加上刪除的多選框： 
    ```markup
    <div class="mb-3 row">
        <label for="media" class="col-sm-3 col-form-label">上傳相片或影片</label>
        <div class="col-sm-9">
            <input type="file" class="form-control" id="media" name="media[]" multiple accept=".png, .jpg, .gif, .mp4">
            <div class="row">
                {if isset($news.files)}
                    {foreach $news.files as $filename=> $file_path}
                        <div class="col-lg-3">
                            <img src="{$file_path}" class="img-thumbnail" style="object-fit: cover; height: 150px;">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="del[]" value="{$file_path}" id="{$filename}">
                                <label class="form-check-label" for="{$filename}">
                                    刪除此圖檔
                                </label>
                            </div>
                        </div>
                    {/foreach}
                {/if}
            </div>
        </div>
    </div>
    ```
    
    
    - 先用 `isset()`判斷有無附檔，若有再用 `foreach `讀出
    - 下方用 `checkbox `欄位，其 `name `必須加上 `[]`，表示可以複選
3. 看起來像這樣： ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/52/brave_YabnpeRAej.png)
4. 因為有傳了一個 `$del[]` 變數給 `admin.php` ，所以接著請在 `admin.php` 先加入 `$del `陣列的所有檔名過濾 
    ```php
    // 變數過濾
    $id = isset($_REQUEST['id']) ? (int) $_REQUEST['id'] : 0;
    $op = isset($_REQUEST['op']) ? htmlspecialchars($_REQUEST['op']) : 'create';
    $del = isset($_REQUEST['del']) ? array_map('htmlspecialchars', $_REQUEST['del']) : [];
    ```
5. 然後將 `$del `加入 `update()` 成為第二個參數，也就是更新時，若有欲刪除的檔案，也一併刪除。
    
     
    ```php
    // 更新文章
    case 'update':
        update($id, $del);
        header("location: index.php?op=show&id=$id");
        exit;
    ```
6. 由於檔案是由 `uploads()` 處理，所以，也將 `$del `傳入 `uploads()` 中處理。
    
     
    ```php
    // 更新文章
    function update($id, $del=[])
    {
        global $pdo;
    
        if ($_SERVER['REQUEST_METHOD'] === 'POST') {
            // 取得表單值
            ...略...
            $media = uploads($id, $del);
    
            try {
                // 準備SQL語句
                ...略...
            } catch (PDOException $e) {
                echo "更新失敗：" . $e->getMessage();
            }
        }
        return $id;
    }
    ```
7. 接著修改 `uploads()`，一樣加入第二參數 `$del`，並在讀出現有檔案陣列` $news['files'] `後，判斷有無` $del`
8. 若有，則用迴圈一一比對該檔案是否有在 `$del `中
9. 若有，則用 [unlink()](https://www.php.net/unlink) 用來刪除檔案，若是刪除成功或是該檔並不存在 [!file\_exists()](http://www.php.net/file_exists) ，則從 `$news['files'] `陣列中用 `unset()` 移除該檔案資料 
    ```php
    // 處理多檔案上傳
    function uploads($id, $del=[])
    {
        global $uploadDir;
        if (!empty($_FILES['media'])) {
    
            // 建立存放圖檔的目錄
            ...略...
    
            // 取出原有的檔案資料陣列
            $news = show($id);
            // 刪除指定的檔案
            if (!empty($del)) {
                foreach ($news['files'] as $name => $fileName) {
                    if (in_array($fileName, $del)) {
                        if (unlink($fileName) or !file_exists($fileName)) {
                            unset($news['files'][$name]);
                        }
                    }
                }
            }
    
            $allFiles = $fileData ? array_merge($news['files'], $fileData) : $news['files'];
    
            // 將檔案相關資訊轉換為JSON格式
            $media = !empty($allFiles) ? json_encode($allFiles, 256) : '[]';
            return $media;
        }
    }
    ```
10. 此外，若是在修改狀態
11. 最後實際試試能否刪掉就知道是否成功了！

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D1975

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器