upload images

.env

@@ -1,9 +1,9 @@
 # Domain
 # This would be set to the production domain with an env var on deployment
-DOMAIN=philip-cat.com
+DOMAIN=localhost
 
 # Environment: local, staging, production
-ENVIRONMENT=staging
+ENVIRONMENT=local
 
 PROJECT_NAME="All & One"
 STACK_NAME=allandonecms

backend/app/api/routes/aboutUs.py

@@ -32,7 +32,7 @@ async def create_aboutUs(
     Create new about us.
     """
     validate_file_size_type(image)
-    imageUrl = await save_picture(file=image, folderName="tmp")
+    imageUrl = await save_picture(file=image, folder_name="tmp")
     # aboutus_in.image = imageUrl
     aboutUs_in = AboutUsCreate(description=description, image=imageUrl, index=index ,title=title)
     aboutUs = AboutUs.from_orm(aboutUs_in)
@@ -57,7 +57,7 @@ async def edit_aboutUs(
     
     if image is not None:
         validate_file_size_type(image)
-        imageUrl = await save_picture(file=image, folderName="tmp")
+        imageUrl = await save_picture(file=image, folder_name="tmp")
         await del_picture(aboutUs.image)
         aboutUs_in = AboutsUpdate(description=description, image=imageUrl, index=index, title=title)
     else :

backend/app/api/routes/image.py

@@ -26,7 +26,7 @@ async def create_image(
     Create new image.
     """
     validate_file_size_type(image)
-    imageUrl =  await save_picture(file=image, folderName="tmp")
+    imageUrl =  await save_picture(file=image, folder_name="tmp")
     image_in = ImageCreate(image=imageUrl, index=index, course_id=course_id)
     image = Image.from_orm(image_in)
     session.add(image)

backend/app/api/routes/info_image.py

@@ -26,7 +26,7 @@ async def create_info_image(
     Create new image.
     """
     validate_file_size_type(image)
-    imageUrl =  await save_picture(file=image, folderName="tmp")
+    imageUrl =  await save_picture(file=image, folder_name="tmp")
     info_image_in = Info_ImageCreate(image=imageUrl, index=index, course_id=course_id)
     info_image = Info_Image.from_orm(info_image_in)
     session.add(info_image)

backend/app/utils.py

@@ -7,6 +7,7 @@ from datetime import datetime, timedelta, timezone
 from pathlib import Path
 from typing import Any
 from uuid import uuid4
+from botocore.exceptions import ClientError
 from PIL import Image, ImageTk
 import emails  # type: ignore
 import jwt
@@ -15,7 +16,9 @@ from jwt.exceptions import InvalidTokenError
 import filetype
 from app.core.config import settings
 
-static = 'static'
+static = "static"
+
+
 @dataclass
 class EmailData:
     html_content: str
@@ -119,18 +122,30 @@ def verify_password_reset_token(token: str) -> str | None:
         return str(decoded_token["sub"])
     except InvalidTokenError:
         return None
-    
+
+
 from fastapi import HTTPException, status
 from typing import IO
 import filetype
 
 
 def validate_file_size_type(file: IO):
-    FILE_SIZE = 5097152 # 2MB
+    FILE_SIZE = 5097152  # 2MB
 
-    accepted_file_types = ["image/png", "image/jpeg", "image/jpg", "image/heic", "image/heif", "image/heics", "png",
+    accepted_file_types = [
-                          "jpeg", "jpg", "heic", "heif", "heics" 
+        "image/png",
-                          ] 
+        "image/jpeg",
+        "image/jpg",
+        "image/heic",
+        "image/heif",
+        "image/heics",
+        "png",
+        "jpeg",
+        "jpg",
+        "heic",
+        "heif",
+        "heics",
+    ]
     file_info = filetype.guess(file.file)
     if file_info is None:
         raise HTTPException(
@@ -153,34 +168,55 @@ def validate_file_size_type(file: IO):
     for chunk in file.file:
         real_file_size += len(chunk)
         if real_file_size > FILE_SIZE:
-            raise HTTPException(status_code=status.HTTP_413_REQUEST_ENTITY_TOO_LARGE, detail="Too large")
+            raise HTTPException(
-    
+                status_code=status.HTTP_413_REQUEST_ENTITY_TOO_LARGE, detail="Too large"
+            )
+
+
 # async def save_picture(file, folderName: str = '', fileName: str = None):
 #     randon_uid = str(uuid4())
 #     _, f_ext = os.path.splitext(file.filename)
-    
+
-#     picture_name = (randon_uid if fileName==None else fileName.lower().replace(' ', '')) + f_ext 
+#     picture_name = (randon_uid if fileName==None else fileName.lower().replace(' ', '')) + f_ext
 
 #     path = os.path.join(static,folderName)
 #     if not os.path.exists(path):
 #         os.makedirs(path)
-        
+
 #     picture_path = os.path.join(path,picture_name)
 
 #     #output_size = (125,125)
 #     img = Image.open(file.file)
-    
+
 #     #img.thumbnail(output_size)
 #     img.save(picture_path)
-    
+
 #     return f'{static}/{folderName}/{picture_name}'
 
-async def save_picture(file, folderName: str = "", fileName: str = None):
-    random_uid = str(uuid4())
-    _, f_ext = os.path.splitext(file.filename)
 
-    picture_name = (fileName.lower().replace(" ", "") if fileName else random_uid) + f_ext
 
+async def upload_file(file_name, bucket_name, object_name=None):
+    ConnectionUrl = f"https://{settings.AccountID}.r2.cloudflarestorage.com"
+    r2 = boto3.client(
+        "s3",
+        endpoint_url=ConnectionUrl,
+        aws_access_key_id=settings.access_key_id,
+        aws_secret_access_key=settings.secret_access_key,
+    )
+    
+    if object_name is None:
+        object_name = file_name
+ 
+    try:
+        r2.upload_file(file_name, bucket_name, object_name)
+    except ClientError as e:
+        print(f"An error occurred: {e}")
+        return False
+    return True
+
+async def save_picture(file, folder_name: str = "", file_name: str = None):
+    import io
+    
     r2 = boto3.client(
         "s3",
         endpoint_url=f"https://{settings.AccountID}.r2.cloudflarestorage.com",
@@ -188,21 +224,42 @@ async def save_picture(file, folderName: str = "", fileName: str = None):
         aws_secret_access_key=settings.secret_access_key,
     )
 
+    randon_uid = str(uuid4())
+    _, f_ext = os.path.splitext(file.filename)
+
+    picture_name = (
+        randon_uid if file_name is None else file_name.lower().replace(" ", "")
+    ) + f_ext
+
+    path = os.path.join(static, folder_name)
+    if not os.path.exists(path):
+        os.makedirs(path)
+
+    picture_path = os.path.join(path, picture_name)
+
+    # output_size = (125,125)
     img = Image.open(file.file)
-    img_byte_arr = io.BytesIO()
-    img.save(img_byte_arr, format='PNG')
-    img_byte_arr = img_byte_arr.getvalue()
-
-    r2.put_object(Bucket=settings.bucket_name, Key=f"{folderName}/{picture_name}", Body=img_byte_arr)
-
-    r2_url = f"https://{settings.AccountID}.r2.cloudflarestorage.com/{settings.bucket_name}/{folderName}/{picture_name}"
-    return r2_url
 
+    # img.thumbnail(output_size)
+    img.save(picture_path)
+    ConnectionUrl = f"https://{settings.AccountID}.r2.cloudflarestorage.com"
+    S3Connect = boto3.client(
+        "s3",
+        endpoint_url=ConnectionUrl,
+        aws_access_key_id=settings.access_key_id,
+        aws_secret_access_key=settings.secret_access_key,
+    )
+    if upload_file(picture_path, "images"):
+        print(f"File {picture_path} uploaded successfully to images")
+    else:
+        print(f"File upload failed")
+    
+    return f"{static}/{folder_name}/{picture_name}"
 
 async def del_picture(picture_path):
     try:
         os.remove(picture_path)
     except Exception as e:
-        print('Error: ', e)
+        print("Error: ", e)
         return False
-    return True
+    return True

frontend/.env

@@ -1 +1 @@
-VITE_API_URL=https://localhost
+VITE_API_URL=http://localhost

frontend/src/client/core/request.ts

@@ -80,8 +80,7 @@ const getUrl = (config: OpenAPIConfig, options: ApiRequestOptions): string => {
       return substring
     })
 
-  let url = config.BASE + path
+  const url = config.BASE + path
-  url = url.replace(/^http:\/\//i, 'https://')
   return options.query ? url + getQueryString(options.query) : url
 }