How to upload multiple files with multer-s3 in Nodejs

Question

I am trying to upload multiple images with Nodejs, Expressjs and Multer-s3, but it's not working. I have a model called Program and the Program model has an array image attribute but when I try to upload multiple images my req.file returns undefined.

Here is my model

const programSchema = new mongoose.Schema({
  programtype: {
    type: String,
    required: true,
  },
  title: {
   type: String,
   required: true,
  },
  description: {
    type: String,
    required: true,
  },
  createdAt: {
    type: Date,
    required: true,
    default: Date.now,
   },
   programImage: {
    type: Array,
    require: true,
   },
});

and my routes

const Program = require("../models/program");
const fs = require("fs");
const multer = require("multer");
const path = require("path");

var AWS = require("aws-sdk");
var multerS3 = require("multer-s3");

AWS.config.update({
 secretAccessKey: process.env.S3_SECRECT,
 accessKeyId: process.env.AWS_ACCESS_KEY,
 region: process.env.S3_REGION,
});

const uploadPath = path.join("public", Program.programImageBasePath);
const imageMineTypes = ["image/jpeg", "image/png", "image/gif"];
const bucketname = "mybucketname";


s3 = new AWS.S3();
const upload = multer({
 storage: multerS3({
   s3: s3,
   acl: "public-read",
   bucket: bucketname,
   s3BucketEndpoint: true,
   endpoint: "http://" + bucketname + ".s3.amazonaws.com",
   key: function (req, file, cb) {
    const uploadPathWithOriginalName = uploadPath + "/" + file.originalname;
    cb(null, uploadPathWithOriginalName);
  },
 }),
});


router.post("/create", upload.array("cover", 10), async (req, res, next) => {
console.log(req.file);

const program = new Program({
  programtype: req.body.programtype,
  title: req.body.title,
  description: req.body.description,
  programImage: req.file.location,
});
try {
  const programs = await program.save();
  res.redirect("/programs");
} catch {
  if (program.programImage != null) {
    removeprogramImage(program.programImage);
  }
  res.render("programs/new");
 }
});

and my views

<h2 style="padding-top: 90px;" > New Programs</h2>
<form action="/programs/create" method="POST" enctype="multipart/form-data">
  <div>
   <label>Image</label>
   <input type="file" name="cover" multiple />
  </div>
  <a href="/programs">Cacel</a>
   <button type="submit">Create</button>
</form>

score 3 · Answer 1 · answered Aug 22 '20 at 17:15

You can refer to this example.

const s3 = new AWS.S3({
    accessKeyId: 'xxxxxxxxx',
    secretAccessKey: 'xxxxxxxxx'
});
  const uploadS3 = multer({

    storage: multerS3({
        s3: s3,
        acl: 'public-read',
        bucket: 'xxxxxxxx',
        metadata: (req, file, callBack) => {
            callBack(null, { fieldName: file.fieldname })
        },
        key: (req, file, callBack) => {
            var fullPath = 'products/' + file.originalname;//If you want to save into a folder concat de name of the folder to the path
            callBack(null, fullPath)
        }
    }),
    limits: { fileSize: 2000000 }, // In bytes: 2000000 bytes = 2 MB
    fileFilter: function (req, file, cb) {
        checkFileType(file, cb);
    }
}).array('photos', 10);


exports.uploadProductsImages = async (req, res) => {


    uploadS3(req, res, (error) => {
        console.log('files', req.files);
        if (error) {
            console.log('errors', error);
            res.status(500).json({
                status: 'fail',
                error: error
            });
        } else {
            // If File not found
            if (req.files === undefined) {
                console.log('uploadProductsImages Error: No File Selected!');
                res.status(500).json({
                    status: 'fail',
                    message: 'Error: No File Selected'
                });
            } else {
                // If Success
                let fileArray = req.files,
                    fileLocation;
                const images = [];
                for (let i = 0; i < fileArray.length; i++) {
                    fileLocation = fileArray[i].location;
                    console.log('filenm', fileLocation);
                    images.push(fileLocation)
                }
                // Save the file name into database
                return res.status(200).json({
                    status: 'ok',
                    filesArray: fileArray,
                    locationArray: images
                });

            }
        }
    })
};

How to upload multiple files with multer-s3 in Nodejs

1 Answers1