Error extracting color from image

[Fox333-Lab]

Hi, i am getting the below issue when trying extract colors from image

below is line of code causing the issue:

let file = e.target.files[0];
const reader = new FileReader();

reader.readAsDataURL(file);
reader.onload = (e: any) => {
setImage(e.target.result);
};

const palette = Palette.extract(image);  /* this line is causing the issue */

Note: Using NextjJS 14.1.2

Thank you in advance

[n-ce]

auto-palette-ts/README.md

Line 22 in df91b4e

❯ Supports multiple image sources (`HTMLImageElement`, `HTMLCanvasElement`, `ImageData`)<br>

It does not support image url.

[ginestah]

Hi, i am getting the below issue when trying extract colors from image

below is line of code causing the issue:

let file = e.target.files[0];
const reader = new FileReader();

reader.readAsDataURL(file);
reader.onload = (e: any) => {
setImage(e.target.result);
};

const palette = Palette.extract(image);  /* this line is causing the issue */

Note: Using NextjJS 14.1.2

Thank you in advance

You should be able to convert it by first creating an html img element with the image url as the src.