Question

我已经开始使用Cloud Functions for Firebase在图片上传到我的Firebase存储时裁剪和调整多种尺寸。我使用了Firebase示例代码来帮助我入门。使用ImageMagick命令。但是，我没有让作物上班。

我的目标是获得功能，就像Wordpress一样。上传图片x。制作固定比率的作物。并调整为3种尺寸。

我现在将代码调整为大中型图像并将其上传到我的存储中。任何人都有办法如何让作物生长？

到目前为止，这是我的代码：

'use strict';

const functions = require(`firebase-functions`);
const mkdirp = require(`mkdirp-promise`);
const gcs = require(`@google-cloud/storage`)();
const spawn = require(`child-process-promise`).spawn;
const LOCAL_TMP_FOLDER = `/tmp/`;

// Thumbnail prefix added to file names.
const THUMB_PREFIX_LARGE = `large_`;
const THUMB_PREFIX_MEDIUM = `medium_`;

/**
 * When an image is uploaded in the Storage bucket We generate a thumbnail automatically using
 * ImageMagick.
 */
exports.generateThumbnail = functions.storage.object().onChange(event => {
  const filePath = event.data.name;
  const filePathSplit = filePath.split(`/`);
  const fileName = filePathSplit.pop();
  const fileDir = filePathSplit.join(`/`) + (filePathSplit.length > 0 ? `/` : ``);

  const thumbFilePathLarge = `${fileDir}${THUMB_PREFIX_LARGE}${fileName}`;
  const thumbFilePathMedium = `${fileDir}${THUMB_PREFIX_MEDIUM}${fileName}`;

  const tempLocalDir = `${LOCAL_TMP_FOLDER}${fileDir}`;
  const tempLocalFile = `${tempLocalDir}${fileName}`;

  const tempLocalThumbFileLarge = `${LOCAL_TMP_FOLDER}${thumbFilePathLarge}`;
  const tempLocalThumbFileMedium = `${LOCAL_TMP_FOLDER}${thumbFilePathMedium}`;

  // Exit if this is triggered on a file that is not an image.
  if (!event.data.contentType.startsWith(`image/`)) {
    console.log(`This is not an image.`);
    return;
  }

  // Exit if the image is already a thumbnail.
  if (fileName.startsWith(THUMB_PREFIX_LARGE) || fileName.startsWith(THUMB_PREFIX_MEDIUM)) {
    console.log(`Already a Thumbnail.`);
    return;
  }

  // Exit if this is a move or deletion event.
  if (event.data.resourceState === `not_exists`) {
    console.log(`This is a deletion event.`);
    return;
  }

  // Create the temp directory where the storage file will be downloaded.
  return mkdirp(tempLocalDir).then(() => {
    // Download file from bucket.
    const bucket = gcs.bucket(event.data.bucket);
    return bucket.file(filePath).download({
      destination: tempLocalFile
    }).then(() => {
      console.log(`The file has been downloaded to`, tempLocalFile);
      // Generate a LARGE thumbnail using ImageMagick.
      return spawn(`convert`, [tempLocalFile, `-thumbnail`, `1200x800`, tempLocalThumbFileLarge]).then(() => {
        console.log(`Thumbnail created at`, tempLocalThumbFileLarge);
        // Uploading the large Thumbnail.
        return bucket.upload(tempLocalThumbFileLarge, {
          destination: thumbFilePathLarge
        }).then(() => {
          console.log(`Thumbnail uploaded to Storage at`, thumbFilePathLarge);
        }).then(() => {
          console.log(`The file has been downloaded to`, tempLocalFile);
          // Generate a MEDIUM thumbnail using ImageMagick.
          return spawn(`convert`, [tempLocalFile, `-thumbnail`, `600x400`, tempLocalThumbFileMedium]).then(() => {
            console.log(`Thumbnail created at`, tempLocalThumbFileMedium);
            // Uploading the medium Thumbnail.
            return bucket.upload(tempLocalThumbFileMedium, {
              destination: thumbFilePathMedium
            }).then(() => {
              console.log(`Thumbnail uploaded to Storage at`, thumbFilePathMedium);
            });
          });
        });
      });
    });
  });
});

Answer 1

我修好了。

return mkdirp(tempLocalDir).then(() => {
    const bucket = gcs.bucket(event.data.bucket);
    return bucket.file(filePath).download({
      destination: tempLocalFile
    }).then(() => {
      return spawn(`convert`, [`-define`, `jpeg:size=1200x800`, tempLocalFile, `-thumbnail`, `1200x800^`, `-gravity`, `center`, `-extent`, `1200x800`, tempLocalThumbFileLarge]).then(() => {
        return bucket.upload(tempLocalThumbFileLarge, {
          destination: thumbFilePathLarge
        }).then(() => {
          return spawn(`convert`, [`-define`, `jpeg:size=600x400`, tempLocalFile, `-thumbnail`, `600x400^`, `-gravity`, `center`, `-extent`, `600x400`, tempLocalThumbFileMedium]).then(() => {
            return bucket.upload(tempLocalThumbFileMedium, {
              destination: thumbFilePathMedium
            });
          });
        });
      });
    });
  });

Answer 2

您应该能够像使用-thumbnail一样使用-crop

http://www.imagemagick.org/Usage/crop/

云功能：裁剪图像＆gt;调整为多种尺寸

2 个答案: