Как сделать эскиз и поместить его в конкретную папку в хранилище firebase с помощью облачной функции?

вот пример кода из firebase о том, как создать эскиз здесь:

https://github.com/firebase/functions-samples/blob/master/quickstarts/thumbnails/functions/index.js

код такой

// [START import]
const functions = require('firebase-functions');
const gcs = require('@google-cloud/storage')();
const spawn = require('child-process-promise').spawn;
const path = require('path');
const os = require('os');
const fs = require('fs');
// [END import]

// [START generateThumbnail]
/**
 * When an image is uploaded in the Storage bucket We generate a thumbnail automatically using
 * ImageMagick.
 */
// [START generateThumbnailTrigger]
exports.generateThumbnail = functions.storage.object().onFinalize((object) => {
// [END generateThumbnailTrigger]
  // [START eventAttributes]
  const fileBucket = object.bucket; // The Storage bucket that contains the file.
  const filePath = object.name; // File path in the bucket.
  const contentType = object.contentType; // File content type.
  const metageneration = object.metageneration; // Number of times metadata has been generated. New objects have a value of 1.
  // [END eventAttributes]

  // [START stopConditions]
  // Exit if this is triggered on a file that is not an image.
  if (!contentType.startsWith('image/')) {
    console.log('This is not an image.');
    return null;
  }

  // Get the file name.
  const fileName = path.basename(filePath);
  // Exit if the image is already a thumbnail.
  if (fileName.startsWith('thumb_')) {
    console.log('Already a Thumbnail.');
    return null;
  }
  // [END stopConditions]

  // [START thumbnailGeneration]
  // Download file from bucket.
  const bucket = gcs.bucket(fileBucket);
  const tempFilePath = path.join(os.tmpdir(), fileName);
  const metadata = {
    contentType: contentType,
  };
  return bucket.file(filePath).download({
    destination: tempFilePath,
  }).then(() => {
    console.log('Image downloaded locally to', tempFilePath);
    // Generate a thumbnail using ImageMagick.
    return spawn('convert', [tempFilePath, '-thumbnail', '200x200>', tempFilePath]);
  }).then(() => {
    console.log('Thumbnail created at', tempFilePath);
    // We add a 'thumb_' prefix to thumbnails file name. That's where we'll upload the thumbnail.
    const thumbFileName = `thumb_${fileName}`;
    const thumbFilePath = path.join(path.dirname(filePath), thumbFileName);
    // Uploading the thumbnail.
    return bucket.upload(tempFilePath, {
      destination: thumbFilePath,
      metadata: metadata,
    });
    // Once the thumbnail has been uploaded delete the local file to free up disk space.
  }).then(() => fs.unlinkSync(tempFilePath));
  // [END thumbnailGeneration]
});
// [END generateThumbnail]

но после попытки использования приведенного выше кода создается впечатление, что созданный эскиз находится в той же папке, что и исходное изображение (изображение профиля), как на картинке ниже

enter image description here

что мне делать, если я хочу, чтобы эскиз находился в другой папке с именем «эскиз»? поэтому, если загрузить изображение в папку 'profileImage', миниатюра будет помещена в папку 'thumbnail'

enter image description here

Либо отредактируйте thumbFileName и добавьте путь ../thumbnails/ к имени файла, либо добавьте ../thumbnails в качестве среднего параметра в оператор path.join в следующей строке. path.join может принимать столько аргументов, сколько вы хотите, чтобы сформировать путь. ../ должен разрешить создание одного каталога из того места, где хранится образ.

James Poag 10.09.2018 12:06
1
1
3 977
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Код, который вам нужно изменить, находится здесь:

const thumbFileName = `thumb_${fileName}`;
const thumbFilePath = path.join(path.dirname(filePath), thumbFileName);
// Uploading the thumbnail.
return bucket.upload(tempFilePath, {
  destination: thumbFilePath,
  metadata: metadata,
});

Он создает путь к тому месту в облачном хранилище, куда файл должен быть загружен в thumbFilePath. Вы можете видеть, что он присоединяется к каталогу filePath и имени файла thumbFileName. filePath был определен как местоположение исходного файла в начале:

const filePath = object.name; // File path in the bucket.

Все это означает, что куда бы ни был загружен исходный файл, миниатюра будет расположена рядом с ним.

Если вы хотите изменить местоположение последней миниатюры, сделайте так, чтобы thumbFilePath содержал это местоположение. Это может быть так же просто, как изменить его вот так:

const thumbFilePath = `thumbnail/${thumbFileName}`

Или как вам нужно.

Другие вопросы по теме