Загрузка изображений, изменение размера и сохранение Vue JS Firebase - PullRequest
0 голосов
/ 04 июля 2019

Я использую 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.

Может ли кто-нибудь помочь мне понять, какую ошибку я здесь совершаю?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...