| 1 | export const loadImageFromFile = file => { |
| 2 | return new Promise((resolve, reject) => { |
| 3 | if (!file.type.match(/^image\/(png|jpeg|webp)$/)) { |
| 4 | reject(new Error('Unsupported file type. Please use PNG, JPG, or WebP.')); |
| 5 | return; |
| 6 | } |
| 7 | |
| 8 | const reader = new FileReader(); |
| 9 | reader.onload = e => { |
| 10 | const img = new Image(); |
| 11 | img.onload = () => resolve({ image: img, url: e.target.result, corsError: false }); |
| 12 | img.onerror = () => reject(new Error('Failed to load image')); |
| 13 | img.src = e.target.result; |
| 14 | }; |
| 15 | reader.onerror = () => reject(new Error('Failed to read file')); |
| 16 | reader.readAsDataURL(file); |
| 17 | }); |
| 18 | }; |
| 19 | |
| 20 | export const loadVideoFromFile = file => { |
| 21 | return new Promise((resolve, reject) => { |