I have this function to upload images via api in Laravel:
private function handleImage($image) { $exploded = explode(',', $image); $decoded = base64_decode($exploded[1]); if (Str::contains($exploded[0], 'jpeg')) { $extension = 'jpg'; } else { $extension = 'png'; } $fileName = Str::random() . '.' . $extension; $path = public_path() . '/images/products/' . $fileName; $file = file_put_contents($path, $decoded); $image = '/images/products/' . $fileName; return $image; } How do I resize an image to a maximum side length of 500 pixels before uploading?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You can try using the Intervention Image package in Laravel to resize before uploading.
Install software package:
Composer Needs Intervention/ImageAdd the following code at the beginning of the file to import the required classes:
Use Intervention\Image\ImageManagerStatic as image;Use Illuminate\Support\Str;Modify thehandleImagemethod as follows:
private function handleImage($image) { $exploded = explode(',', $image); $decoded = base64_decode($exploded[1]); $image = Image::make($decoded); // Resize the image to a maximum size of 500px on the longest side $image->resize(500, null, function ($constraint) { $constraint->aspectRatio(); $constraint->upsize(); }); // Set the file extension based on the original image format if (Str::contains($exploded[0], 'jpeg')) { $extension = 'jpg'; } else { $extension = 'png'; } $fileName = Str::random() . '.' . $extension; $path = public_path() . '/images/products/' . $fileName; $image->save($path); return '/images/products/' . $fileName; }https://github.com/Intervention/image
Hope it helps you