[FEAT] Bug fix

src/composables/useLayers.ts

@@ -137,37 +137,53 @@ export const useLayers = () => {
       } catch {}
     }
 
-    const url = URL.createObjectURL(file);
-    const img = new Image();
-    img.onload = () => {
-      l.sprites[i] = { id: old.id, file, img, url, width: img.width, height: img.height, x: old.x, y: old.y };
+    const reader = new FileReader();
+    reader.onload = e => {
+      const url = e.target?.result as string;
+      const img = new Image();
+      img.onload = () => {
+        l.sprites[i] = { id: old.id, file, img, url, width: img.width, height: img.height, x: old.x, y: old.y };
+      };
+      img.onerror = () => {
+        console.error('Failed to load replacement image:', file.name);
+      };
+      img.src = url;
     };
-    img.onerror = () => {
-      URL.revokeObjectURL(url);
+    reader.onerror = () => {
+      console.error('Failed to read replacement image file:', file.name);
     };
-    img.src = url;
+    reader.readAsDataURL(file);
   };
 
   const addSprite = (file: File) => {
     const l = activeLayer.value;
     if (!l) return;
-    const url = URL.createObjectURL(file);
-    const img = new Image();
-    img.onload = () => {
-      const next: Sprite = {
-        id: crypto.randomUUID(),
-        file,
-        img,
-        url,
-        width: img.width,
-        height: img.height,
-        x: 0,
-        y: 0,
+    const reader = new FileReader();
+    reader.onload = e => {
+      const url = e.target?.result as string;
+      const img = new Image();
+      img.onload = () => {
+        const next: Sprite = {
+          id: crypto.randomUUID(),
+          file,
+          img,
+          url,
+          width: img.width,
+          height: img.height,
+          x: 0,
+          y: 0,
+        };
+        l.sprites = [...l.sprites, next];
       };
-      l.sprites = [...l.sprites, next];
+      img.onerror = () => {
+        console.error('Failed to load sprite image:', file.name);
+      };
+      img.src = url;
     };
-    img.onerror = () => URL.revokeObjectURL(url);
-    img.src = url;
+    reader.onerror = () => {
+      console.error('Failed to read sprite image file:', file.name);
+    };
+    reader.readAsDataURL(file);
   };
 
   const processImageFiles = async (files: File[]) => {