문제: 이미지가 너무 느리게 로드됩니다.

Question

Html, Css, Js, Php를 사용하여 craiglist와 유사한 웹사이트를 만들었습니다. 사용자가 1MB보다 큰 이미지를 업로드하기 위해 클릭하면 페이지가 매우 느려지거나 실패합니다(503 오류). 100kb보다 작은 이미지는 문제가 없습니다.

<올>

php 페이지에 type=file 입력 태그와 미리보기 img 태그가 있는 양식이 있습니다. > 여기서는 문제 없습니다.

사용자가 제출 버튼을 클릭하면 양식은 입력 태그의 값을 업로드 코드가 포함된 다른 PHP 페이지로 전달합니다.

질문: 서버에 업로드하기 전에 이미지 크기를 조정하는 가장 좋은 방법은 무엇입니까? Craigslist에 비해 내 사이트는 매우 느리거나 이미지 업로드에 실패합니다. 업로드 속도를 높이는 방법은 무엇입니까?

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

여기와 Google에서 답변을 검색해 보았습니다.

PHP 페이지 1: 파일 태그와 이미지 미리보기 태그를 입력합니다. JS는 그리기 방법을 통해 크기를 조정합니다.

PHP 페이지 2 코드:

$upload_dir = "mmAdPics/";
    $file1 = $upload_dir .랜드() .
    $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);
    $성공 = file_put_contents($file1, $data1);
    print $success ? $file1: '파일 1을 저장할 수 없습니다. ';

Answer 1

다음을 확인하세요: https://www.php.net/manual/en/book.imagick.php

구체적으로는 이미지 크기를 조정하세요. 또한 503 오류는 서버 시간 초과로 인해 발생할 가능성이 높습니다. 서버 측에서 시간 제한을 늘리거나 클라이언트 측에서 업로드된 파일의 크기를 제한할 수 있습니다.