Problem: Bilder werden zu langsam geladen

Question

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. ';

Answer 1

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

具体来说，调整图像大小。此外，503错误很可能是由于服务器超时导致的。您可以在服务器端增加超时时间，或者在客户端限制上传文件的大小。