問題：圖片載入速度太慢
<p>我用Html、Css、Js、Php製作了一個類似craiglist的網站。
當使用者點擊上傳大於1mb的圖片時，頁面變得非常慢或失敗（503錯誤）。小於100kb的圖片沒有問題。 </p>
<ol>
<li>一個php頁面上有一個帶有type=file輸入標籤和預覽img標籤的表單。 > 這裡沒有問題。 </li>
<li>當使用者點擊提交按鈕時，表單會將輸入標籤的值傳遞給另一個php頁面，該頁麵包含上傳程式碼。 </li>
</ol>
<p>問題：在上傳到伺服器之前，最好的圖片縮放方法是什麼？
與Craigslist相比，我的網站上傳圖片非常慢或失敗。
如何使上傳速度更快？ </p>
<pre class="brush:php;toolbar:false;">https://www.mimarketa.com/mmMain/mmEnglish/mmPostAd.php?country=US&county=Lewis&state=WA&adCity=All_Cities& ;category=ALL</pre>
<p>我嘗試在這裡和谷歌上搜尋答案。 </p>
<p>PHP頁面1：輸入檔案標籤與影像預覽標籤。 JS透過繪製方法進行縮放。 </p>
<p>PHP頁面2的程式碼：</p>
<pre class="brush:php;toolbar:false;">$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。 ';</pre>
<p><br /></p>
