Error: Invalid File Type

[ngothikieuvuong]

Hi, I have an issue when using getColors, it log error: "Error: Invalid File Type" I am writing the automation scripts in synchronous style with Chimp. My scripts is as below:

var buffer = fs.readFileSync(path.join(__dirname, '/../../resources/uploadData/', '1.png'));
getColors(buffer, function(error, colors){
    if (err) throw err; // it doesn't log error
    console.log(buffer); // Log: <Buffer 89 50 4e 47 0d 0a ....>
    console.log(error); // Log "Error: Invalid File Type"
});

Please help me where I am wrong? Thanks!

[zeke]

Hi @vuongngolg !

I see a few issues:

if (err) throw err; is not throwing because the argument is called error

When using a buffer, you need to specify its mime type:

getColors(buffer, 'image/gif').then(colors => {
  // `colors` is an array of color objects
})

But you don't have to use a buffer if you don't want to specify the mimetype. You can just pass a fully-qualified filename:

const path = require('path')
const getColors = require('get-image-colors')

getColors(path.join(__dirname, 'double-rainbow.png')).then(colors => {
  // `colors` is an array of color objects
})

See https://github.com/zeke/get-image-colors#usage for more info. Hope this helps.

[ngothikieuvuong]

Thanks @zeke

I've tried 2 ways as following:

    var color;
    var path = require('path');
    return color = getColors(path.join(__dirname, '/../resources/uploadData/', '1.png')).then(color => {
        console.log(color); // Log: [Color {_rgb: [239, 238, 237, 1]} ,... ]
    });

---

    var path = require('path');
    getColors(path.join(__dirname, '/../resources/uploadData/', '1.png')).then(color => {
        console.log("running"); // Log nothing, it doesn't run into this block codes
    });

The first way can run into step and log color, but the second way cannot. I don't know why. Could you help me to explain? Anyway, I am applying the first way. Thanks

[zeke]

Try this:

var path = require('path')
var file = path.join(__dirname, '/../resources/uploadData/', '1.png')

console.log(file)
// does that look like the right file path?

getColors(file)
.catch(err => {
  throw err
})
.then(color => {
  console.log(colors)
})

[ngothikieuvuong]

Thanks, I tried exactly the same, but it doesn't work, see comment in line

var path = require('path') var file = path.join(__dirname, '/../resources/uploadData/', '1.png')

console.log(file) // does that look like the right file path? --> Yes, it logs the right path, and the file is existing on this path.

getColors(file) .catch(err => { throw err //does not log error }) .then(color => { console.log(colors) // does not log anything })

[zeke]

can you drag and drop your png file here?