我使用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。';