PbootCMS增加可允許上傳檔案型別，例如webp、mov等檔案格式擴充套件

黄文Rex發表於2024-10-04
boot型別Web套件

在PbootCMS中增加可允許上傳的檔案型別（例如 webp、mov 等檔案格式），需要在多個地方進行配置。以下是詳細的步驟：

操作步驟

1. 修改 config.php 檔案

首先需要修改 config.php 檔案，增加允許上傳的檔案型別。

  1. 開啟 config.php 檔案

    • 開啟 config.php 檔案，通常位於 /config 目錄下。

  2. 修改上傳配置

    • 在大約第 30 行左右的位置，找到 upload 配置項。
    • 將 format 項中的檔案型別列表修改為包含 webp 和 mov。

    示例程式碼：

    // 上傳配置
'upload' => array(
    'format' => 'jpg,jpeg,png,gif,xls,xlsx,doc,docx,ppt,pptx,rar,zip,pdf,txt,mp4,avi,flv,rmvb,mp3,otf,ttf,webp,mov',
    'max_width' => '1920',
    'max_height' => ''
),

2. 修改 UEditor 編輯器配置

UEditor 編輯器也需要單獨修改配置檔案，以支援額外的檔案型別。

  1. 開啟 config.json 檔案

    • 開啟 config.json 檔案，通常位於 /core/extend/ueditor/php 目錄下。

  2. 修改 imageAllowFiles 配置

    • 在 config.json 檔案中找到 imageAllowFiles 配置項。
    • 將 imageAllowFiles 列表修改為包含 webp 和 mov。

    示例程式碼：

    /* 上傳圖片配置項 */
"imageActionName": "uploadimage", /* 執行上傳圖片的action名稱 */
"imageFieldName": "upfile", /* 提交的圖片表單名稱 */
"imageMaxSize": 20480000, /* 上傳大小限制，單位B，預設10MB */
"imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp", ".ico", ".webp"], /* 上傳圖片格式顯示 */
"imageCompressEnable": false, /* 是否壓縮圖片,預設是true */
"imageCompressBorder": 1600, /* 圖片壓縮最長邊限制 */
"imageInsertAlign": "none", /* 插入的圖片浮動方式 */
"imageUrlPrefix": "", /* 圖片訪問路徑字首 */
"imagePathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳儲存路徑,可以自定義儲存路徑和檔名格式 */

    修改後的 imageAllowFiles：

    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp", ".ico", ".webp", ".mov"],

3. 儲存並測試

  1. 儲存檔案

    • 儲存修改後的 config.php 和 config.json 檔案。

  2. 測試上傳

    • 清除瀏覽器快取。
    • 重新訪問 PbootCMS 後臺並嘗試上傳 webp 和 mov 格式的檔案。

其他可能的解決方案

1. 檢查檔案許可權

確保上傳目錄具有正確的許可權。

  1. 設定檔案許可權
    • 透過 FTP 客戶端或 SSH 連線到伺服器。
    • 設定相關檔案和目錄的許可權： 
      cd /path/to/your/site
chmod -R 755 /path/to/your/site/upload

2. 檢查伺服器日誌

檢視伺服器日誌檔案，以獲取更多錯誤資訊。

  1. 檢視日誌檔案
    • 在伺服器上檢視 Apache 或 Nginx 的錯誤日誌檔案（通常位於 /var/log/apache2/error.log 或 /var/log/nginx/error.log）。
    • 檢視是否有相關錯誤資訊。

總結

透過以上步驟，通常可以解決 PbootCMS 中增加允許上傳檔案型別的問題。如果問題依然存在，請提供更多詳細的錯誤資訊以便進一步診斷。希望這些步驟能幫助你解決問題！

相關文章