where are your docs?

your readme is inconclusive.

var colorThief = new ColorThief()
colorThief.getColor(sourceImage)

What is a sourceImage. Is it a URL, an Element, a File object?

I’ve tried to use this prior to a file upload to determine the color… Note: the following does not work.

$('input[type="file"]').on('change', function (e) {
  var colorThief = new ColorThief()
  var color = colorThief.getColor(e.target.files[0])
})

Do you have any suggestions?

[samreaves]

Hey @ded , I got this to work. You have to create a new image object prior to calling color thief.

After reading the file as a data URL, the following works.

var image = new Image;
image.src = result;
var colorThief = new ColorThief();
var dominantColor = colorThief.getColor(image);

Again, thanks, @lokesh, for creating this library. Works like magic!

[soyuka]

@ksubileau +1 and this error might also happen when Access-Control-Allow-Origin is denied.