問題：圖片載入速度太慢

Question

我用Html、Css、Js、Php製作了一個類似craiglist的網站。 當使用者點擊上傳大於1mb的圖片時，頁面變得非常慢或失敗（503錯誤）。小於100kb的圖片沒有問題。

1. 一個php頁面上有一個帶有type=file輸入標籤和預覽img標籤的表單。 > 這裡沒有問題。
2. 當使用者點擊提交按鈕時，表單會將輸入標籤的值傳遞給另一個php頁面，該頁麵包含上傳程式碼。

問題：在上傳到伺服器之前，最好的圖片縮放方法是什麼？ 與Craigslist相比，我的網站上傳圖片非常慢或失敗。 如何使上傳速度更快？

https://www.mimarketa.com/mmMain/mmEnglish/mmPostAd.php?country=US&county=Lewis&state=WA&adCity=All_Cities& ;category=ALL

我嘗試在這裡和谷歌上搜尋答案。

PHP頁面1：輸入檔案標籤與影像預覽標籤。 JS透過繪製方法進行縮放。

PHP頁面2的程式碼：

$upload_dir = "mmAdPics/";
    $file1 = $upload_dir . rand() . ".png";
    $picUrl1='https://www.mimarketa.com/mmMain/mmEnglish/'.$file1;
    $img1 = $_POST['hidden_​​data1'];
    $img1 = str_replace('data:image/png;base64,', '', $img1);
    $img1 = str_replace(' ', ' ', $img1);
    $data1 = base64_decode($img1);
    $success = file_put_contents($file1, $data1);
    print $success ? $file1 : '無法儲存檔案1。 ';

Answer 1

請看：https://www.php.net/manual/en/book.imagick.php

具體來說，調整圖像大小。此外，503錯誤很可能是由於伺服器逾時導致的。您可以在伺服器端增加逾時時間，或在客戶端限制上傳檔案的大小。