Я использую Vue js и firebase для своего приложения SPA. Я хочу загрузить изображение, изменить его размер до фиксированного размера и загрузить в Firebase.
Я использую пакет Jimp npm для изменения размера загруженного изображения.
Ниже мой код:
Main.js
import Jimp from 'jimp';
Window.Jimp = Jimp;
Фрагмент, который обрабатывает загрузку изображения
uploadImage(e) {
if (e.target.files[0]) {
let file = e.target.files[0];
Jimp.read(file)
.then(lenna => {
return lenna
.resize(256, 256) // resize
.quality(60) // set JPEG quality
.write(file.name); // save
})
.catch(err => {
console.error(err);
});
conslole.log(lenna);
var storageRef = fb.storage().ref("products/" + file.name);
let uploadTask = storageRef.put(file);
uploadTask.on(
"state_changed",
snapshot => {},
error => {},
() => {
uploadTask.snapshot.ref.getDownloadURL().then(downloadURL => {
this.product.images.push(downloadURL);
console.log("File available at", downloadURL);
});
}
);
}
}
С помощью вышеуказанного кода я получаю следующее сообщение об ошибке:
Не найдена соответствующая перегрузка конструктора. Пожалуйста, ознакомьтесь с документами о том, как вызвать конструктор Jimp.
Может ли кто-нибудь помочь мне понять, какую ошибку я здесь совершаю?