Fixed ObjectURL causing broken images

Cryptizism · Sep 18, 2023 · c1edd37 · c1edd37
1 parent c1920e1
commit c1edd37
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/ImageHolder.tsx b/src/components/ImageHolder.tsx
@@ -63,11 +63,13 @@ const ImageHolder = () => {
 					const item = items[i];
 					if (item.type.indexOf("image") !== -1) {
 						const blob = item.getAsFile();
-						if (blob) {
-							const imageUrl = URL.createObjectURL(blob);
+						let reader = new FileReader();
+						reader.readAsDataURL(blob || new Blob()); 
+						reader.onloadend = function() {
+							let base64data : any = reader.result;
 							setImages((prevImages) => [
 								...prevImages,
-								{ id: new Date().getTime(), url: imageUrl }
+								{ id: new Date().getTime(), url: base64data }
 							]);
 						}
 					}