Ich habe HTML, CSS, Js und PHP verwendet, um eine Website ähnlich wie Craiglist zu erstellen. Wenn der Benutzer klickt, um ein Bild hochzuladen, das größer als 1 MB ist, wird die Seite sehr langsam oder schlägt fehl (Fehler 503). Bei Bildern, die kleiner als 100 KB sind, gibt es kein Problem.

1. Auf einer PHP-Seite gibt es ein Formular mit einem Eingabe-Tag „type=file“ und einem Vorschau-IMG-Tag. > Kein Problem hier.
2. Wenn der Benutzer auf die Schaltfläche „Senden“ klickt, übergibt das Formular den Wert des Eingabe-Tags an eine andere PHP-Seite, die den Upload-Code enthält.

Frage: Wie lässt sich ein Bild vor dem Hochladen auf den Server am besten skalieren? Im Vergleich zu Craigslist ist meine Website sehr langsam oder lädt keine Bilder hoch. Wie kann ich Uploads beschleunigen?

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

Ich habe versucht, hier und auf Google nach Antworten zu suchen.

PHP Seite 1: Geben Sie das Datei-Tag und das Bildvorschau-Tag ein. JS skaliert über Zeichenmethoden.

Code von PHP Seite 2:

$upload_dir = "mmAdPics/"; $file1 = $upload_dir .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 : 'Datei 1 konnte nicht gespeichert werden. ';