BookStack 上傳的限制

在上傳檔案時發現到無法正常上傳檔案,因此有去查詢一下官方的文檔有解說怎麼處此問題,結果照著官方設定狀況還是一樣沒有解決,因此啟用 Chrome 的開發者模式去查看錯誤原因,還真是感謝我家老大教我怎麼寫程式及怎麼看錯誤原因,以下是我遇到的原因請參考

bs-uploads-01.png

解決過程


為什麼會出現這樣子的訊息,是因為 BUBU 我有將網頁加入到 「 Cloudflare 」 CDN 服務造成的,因在免費只上傳只有限制 100 MB 造成,如果上傳的檔案大於 100 MB 的話,那就要付費或者關閉 CDN 服務就可以正常上傳資料,那我也將我修改那些資料都一並記錄下來提供給各位參考

這是我從 Cloudflare 服務上所截圖下來給各位參考

bs-uploads-02.png

修改過設定檔


以下的內容是參考官方文檔進行修改的

  • 那請在 Nginx 的全域設定檔裡面增加兩行
http {
	#...
       # 上傳檔案限制大小
        client_max_body_size 2048m;
       # 上傳檔案等候時間,預設值是 60 秒 
        client_body_timeout 1800s; 
	#...
}
  • PHP 的 ini 檔設定為
; POST 大小上限(所有檔案大小加總)
post_max_size = 200M

; 上傳檔案大小上限(單一檔案大小)
upload_max_filesize = 50M
  • BookStack 自訂HTML頂端內容
<script>
 	// 文件上傳超時 
    // Set the file upload timeout to 120 seconds.
    // You can change '120' to be the number of seconds you want the timeout to be. 
    window.uploadTimeout = 500 * 1000;
    
	// 文件上傳限制
    // Set the file upload limit to 1.5GB.
    // The value is defined in MB. 
    window.uploadLimit = 1500;
</script>



參考相關網頁