如何使用 multer 和 NodeJS 将图像上传到 GCS 存储桶？

Question

我在将本地图片上传到我的谷歌云存储时遇到问题。

我已经尝试了两种方法。第一个是用multer上传

var storage = multer.diskStorage({
    destination: (req, file, cb) => {
      cb(null, './uploads/')
    },
    filename: (req, file, cb) => {
      cb(null, file.fieldname + '-' + Date.now())
    }
});
var upload = multer({storage: storage}).single('image'); 

app.post('/upload',function(req,res,next){
  upload(req,res,(err) => {
    if(err){
      console.log(err)
    }else{
      console.log(req.file)
    }
  })

})

然后，我直接用 GCS 试过了

var bucket = admin.storage().bucket('mybucket')
app.post('/upload',function(req,res,next){
 bucket
.save(file)
.then(() => {



})

对于这两种解决方案，req.files 始终是 undefined 而req.body 是这样的缓冲区：

<Buffer 2d 2d 2d 2d ...>

当我尝试将此缓冲区保存在我的 GCS 存储桶中时，我的存储桶中创建了 .jpg/png 文件，但它已损坏。

我正在浏览网页寻找解决方案，但没有发现任何可以帮助我克服这种情况的东西。

有什么建议吗？

Answer 1

确保您已将enctype="multipart/form-data" 属性添加到您的表单。 req.files 成为 undefined 的可能原因。

Answer 2

如果您有其他表单值，您需要 multer、multer-google-storage 和当然 bodyParser。您需要在 multipart/form-data 中发送数据

在你的 .env 文件中

GCS_BUCKET = <bucket name>
GCLOUD_PROJECT = <project id>
GCS_KEYFILE = <key file location>

您可以从 GCP Console>Your Project>I AM & Admin>Service Accounts 下载密钥文件

在你的路线中

const multer = require('multer');
const multerGoogleStorage = require("multer-google-storage");

var uploadHandler = multer({
  storage: multerGoogleStorage.storageEngine()
});

router.post('/', uploadHandler.single('image'), function (req, res, next) {
  const body = req.body;
  res.json({fileName: req.file.filename});
  res.end();

}

这会将文件存储到 GCS，名称为 [random-string-generated-by-gcs]_[YOUR FILE NAME WITH EXTENTION]。同样可以通过req.file.filename在路由下访问。

Documentation