[웹] Cropperjs 저장 문제 – JavaScript – SitePoint Forums

안녕하세요… 저는 Cropperjs 1.6.2를 사용하고 싶습니다. 한 가지를 제외하고 모든 것이 제가 원하는 방식으로 작동하고 있습니다… 저장되는 이미지는 잘린 이미지가 아닙니다… 원본/보유 이미지입니다… 제 js는 좋지 않고 지금까지의 도움으로 이 문제가 해결되지 않았습니다…cropperjs 1.6.2가 출시되었습니다 – https://fengyuanchen.github.io/cropperjs/ – 지금까지 제출 코드는 다음과 같습니다.

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $filename = $_POST['filename'] ?? 'profile_photo.png';
    $img = $_POST['croppedImage'] ?? '';

    if ($img) {
        $img = str_replace('data:image/png;base64,', '', $img);
        $img = str_replace(' ', '+', $img);
        $data = base64_decode($img);

        // Save the image
        $directory = '/home/website/public_html/images/account/profile-photos/';
        $filePath = $directory . $filename;

        // Ensure the directory exists
        if (!is_dir($directory)) {
            mkdir($directory, 0755, true);
        }

        if (file_put_contents($filePath, $data)) {
            echo 'Image uploaded successfully.';
        } else {
            echo 'Failed to save the image.';
        }
    } else {
        echo 'No cropped image data received.';
    }
} else {
    echo 'Invalid request.';
}

여기 내 양식과 js가 있습니다.

이에 대한 도움이 있다면 좋을 것입니다. 무엇을 해야 할지 안다면 매우 쉬운 해결 방법이 될 것 같습니다.

므름바르네스