Аватар

client-web/src/core/utils/cropImage.ts

@@ -0,0 +1,42 @@
+export const createImage = (url: string): Promise<HTMLImageElement> =>
+  new Promise((resolve, reject) => {
+    const image = new Image();
+    image.addEventListener('load', () => resolve(image));
+    image.addEventListener('error', (error) => reject(error));
+    image.setAttribute('crossOrigin', 'anonymous');
+    image.src = url;
+  });
+
+export async function getCroppedImg(
+  imageSrc: string,
+  pixelCrop: { x: number, y: number, width: number, height: number }
+): Promise<Blob | null> {
+  const image = await createImage(imageSrc);
+  const canvas = document.createElement('canvas');
+  const ctx = canvas.getContext('2d');
+
+  if (!ctx) {
+    return null;
+  }
+
+  canvas.width = pixelCrop.width;
+  canvas.height = pixelCrop.height;
+
+  ctx.drawImage(
+    image,
+    pixelCrop.x,
+    pixelCrop.y,
+    pixelCrop.width,
+    pixelCrop.height,
+    0,
+    0,
+    pixelCrop.width,
+    pixelCrop.height
+  );
+
+  return new Promise((resolve) => {
+    canvas.toBlob((blob) => {
+      resolve(blob);
+    }, 'image/jpeg', 0.95);
+  });
+}

client-web/src/core/utils/utils.ts

@@ -137,8 +137,7 @@ export function getMediaUrl(url: string | null | undefined): string {
   if (!url) return '';
   if (url.startsWith('http') || url.startsWith('blob:') || url.startsWith('data:')) return url;
   
-  // Use VITE_API_URL if defined, otherwise let it be a relative path which the browser
-  // will resolve against the current origin (port).
-  const baseUrl = import.meta.env.VITE_API_URL || '';
+  // Use VITE_API_URL if defined, but avoid duplicating '/api'
+  const baseUrl = (import.meta.env.VITE_API_URL || '').replace(/\/api$/, '');
   return `${baseUrl}${url.startsWith('/') ? '' : '/'}${url}`;
 }