Updated: intervention image

webreinvent · Mar 15, 2024 · 01cd184 · 01cd184
1 parent c8ec159
commit 01cd184
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/Http/Controllers/Backend/MediaController.php b/Http/Controllers/Backend/MediaController.php
@@ -6,6 +6,8 @@
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\File;
 use Illuminate\Support\Str;
+use Intervention\Image\Drivers\Gd\Driver;
+use Intervention\Image\ImageManager;
 use Symfony\Component\HttpFoundation\BinaryFileResponse;
 
 use WebReinvent\VaahCms\Models\Media;
@@ -345,6 +347,7 @@ public function upload(Request $request): JsonResponse
             return response()->json($response);
         }
 
+
         try {
             //add year and month folder
             if ($request->folder_path == 'public/media') {
@@ -402,9 +405,13 @@ public function upload(Request $request): JsonResponse
 
             //create thumbnail if image
             if ($data['type'] == 'image') {
-                $image = \Image::make($data['full_path'])->fit(180, 101, function ($constraint) {
-                    $constraint->aspectRatio();
-                });
+
+                $manager = new ImageManager(
+                    new Driver()
+                );
+
+                $image = $manager->read($data['full_path'])->scale(180, 101);
+
                 $name_details = pathinfo($data['full_path']);
                 $thumbnail_name = $name_details['filename'].'-thumbnail.'.$name_details['extension'];
                 $thumbnail_path = $request->folder_path.'/'.$thumbnail_name;

diff --git a/Vue/vaahtwo/pages/profile/index.vue b/Vue/vaahtwo/pages/profile/index.vue
@@ -43,15 +43,15 @@ onMounted(async () => {
                     <div class="field mb-4 flex justify-content-between align-items-center">
                         <Avatar :image="store.profile.avatar"
                                 v-if="store.profile"
-                                class="mr-3"
+                                class="mr-3 border-circle"
                                 shape="circle"
                                 size="xlarge">
                         </Avatar>
 
                         <div class="w-max">
                             <FileUploader v-if="root.assets.urls"
                                           placeholder="Upload Avatar"
-                                          :maxFileSize="200000"
+                                          :maxFileSize="10000000"
                                           :is_basic="true"
                                           :auto_upload="true"
                                           :uploadUrl="root.assets.urls.upload" >