Bird
Raised Fist0
Expressframework~20 mins

Multiple file uploads in Express - Practice Problems & Coding Challenges

Choose your learning style10 modes available

Start learning this pattern below

Jump into concepts and practice - no test required

or
Recommended
Test this pattern10 questions across easy, medium, and hard to know if this pattern is strong
Challenge - 5 Problems
🎖️
Multiple File Upload Master
Get all challenges correct to earn this badge!
Test your skills under time pressure!
component_behavior
intermediate
2:00remaining
What is the output when uploading multiple files with this Express route?

Consider this Express route using multer middleware to handle multiple file uploads:

const express = require('express');
const multer = require('multer');
const upload = multer({ dest: 'uploads/' });
const app = express();

app.post('/upload', upload.array('photos', 3), (req, res) => {
  res.json({ count: req.files.length });
});

If a client uploads 4 files named 'photos', what will be the JSON response?

Express
const express = require('express');
const multer = require('multer');
const upload = multer({ dest: 'uploads/' });
const app = express();

app.post('/upload', upload.array('photos', 3), (req, res) => {
  res.json({ count: req.files.length });
});
A{"count":3}
B{"count":4}
CError: Too many files uploaded
D{"count":0}
Attempts:
2 left
💡 Hint

Look at the second argument to upload.array. It limits the number of files; exceeding it causes a LIMIT_FILE_COUNT error.

📝 Syntax
intermediate
2:00remaining
Which option correctly sets up multer to accept multiple files with different field names?

You want to accept multiple files uploaded under two different fields: 'avatar' (1 file) and 'gallery' (up to 5 files). Which code snippet correctly configures multer middleware for this?

Aupload.array('avatar', 1, 'gallery', 5)
Bupload.fields([{ name: 'avatar', maxCount: 1 }, { name: 'gallery', maxCount: 5 }])
Cupload.single('avatar', 1).array('gallery', 5)
Dupload.multiple(['avatar', 'gallery'], [1, 5])
Attempts:
2 left
💡 Hint

Check multer's documentation for handling multiple fields with different file counts.

🔧 Debug
advanced
2:00remaining
Why does this Express route fail to save multiple uploaded files?

Examine this Express route snippet:

app.post('/upload', upload.single('photos'), (req, res) => {
  console.log(req.files);
  res.send('Upload complete');
});

When uploading multiple files under the field 'photos', req.files is undefined. Why?

Express
app.post('/upload', upload.single('photos'), (req, res) => {
  console.log(req.files);
  res.send('Upload complete');
});
ABecause the field name 'photos' is incorrect and must be 'photo'
BBecause req.files is only set when no files are uploaded
CBecause multer requires upload.array for single file uploads
DBecause upload.single only processes one file and sets req.file, not req.files
Attempts:
2 left
💡 Hint

Check multer's difference between single and array methods.

state_output
advanced
2:00remaining
What is the value of req.files after this upload?

Given this Express route:

app.post('/upload', upload.fields([{ name: 'doc', maxCount: 2 }, { name: 'img', maxCount: 3 }]), (req, res) => {
  res.json(req.files);
});

If a client uploads 1 file under 'doc' and 2 files under 'img', what is the structure of req.files?

Express
app.post('/upload', upload.fields([{ name: 'doc', maxCount: 2 }, { name: 'img', maxCount: 3 }]), (req, res) => {
  res.json(req.files);
});
A{"doc": [FileObject], "img": [FileObject, FileObject]}
B[FileObject, FileObject, FileObject]
C{"doc": FileObject, "img": FileObject}
D[]
Attempts:
2 left
💡 Hint

Recall how multer structures req.files when using fields method.

🧠 Conceptual
expert
2:00remaining
Which statement about handling multiple file uploads in Express with multer is TRUE?

Choose the correct statement about multer's handling of multiple file uploads in Express.

Aupload.array(fieldname, maxCount) stores files in req.files as an array of file objects
Bupload.single(fieldname) stores multiple files in req.files as an array
Cupload.fields([{name, maxCount}]) stores files in req.file as a single object
DMulter automatically merges files from different fields into a single array in req.files
Attempts:
2 left
💡 Hint

Review multer's documentation on how it stores uploaded files in the request object.

Practice

(1/5)
1. In Express, which method from multer is used to handle multiple file uploads at once?
easy
A. upload.array()
B. upload.single()
C. upload.fields()
D. upload.none()

Solution

  1. Step 1: Understand multer upload methods

    Multer provides different methods: single() for one file, array() for multiple files, and fields() for multiple fields.
  2. Step 2: Identify method for multiple files

    To upload multiple files under the same field name, upload.array() is used.
  3. Final Answer:

    upload.array() -> Option A
  4. Quick Check:

    Multiple files = upload.array() [OK]
Hint: Multiple files use upload.array() method in multer [OK]
Common Mistakes:
  • Using upload.single() for multiple files
  • Confusing upload.fields() with upload.array()
  • Not specifying max count in upload.array()
2. Which of the following is the correct syntax to accept up to 5 files named 'photos' using multer in Express?
easy
A. upload.array('photos', 5)
B. upload.single('photos', 5)
C. upload.fields([{ name: 'photos', maxCount: 5 }])
D. upload.none('photos', 5)

Solution

  1. Step 1: Recall multer syntax for multiple files

    The method upload.array(fieldname, maxCount) accepts multiple files with the same field name and limits the count.
  2. Step 2: Match syntax to question

    To accept up to 5 files named 'photos', upload.array('photos', 5) is correct.
  3. Final Answer:

    upload.array('photos', 5) -> Option A
  4. Quick Check:

    Max 5 files = upload.array('photos', 5) [OK]
Hint: Use upload.array('fieldname', maxCount) for multiple files [OK]
Common Mistakes:
  • Using upload.single() with max count
  • Confusing upload.fields() syntax
  • Using upload.none() incorrectly
3. Given this Express route using multer:
app.post('/upload', upload.array('docs', 3), (req, res) => {
  res.send(req.files.length);
});

What will be the response if a user uploads 2 files named 'docs'?
medium
A. 3
B. Error
C. 1
D. 2

Solution

  1. Step 1: Understand upload.array behavior

    The middleware upload.array('docs', 3) allows up to 3 files. If user uploads 2 files, both are accepted.
  2. Step 2: Check response code

    The handler sends req.files.length, which is the number of uploaded files, here 2.
  3. Final Answer:

    2 -> Option D
  4. Quick Check:

    Uploaded files count = 2 [OK]
Hint: req.files.length shows how many files were uploaded [OK]
Common Mistakes:
  • Assuming maxCount is always returned
  • Confusing req.file with req.files
  • Expecting error if fewer than maxCount files uploaded
4. What is wrong with this Express route for multiple file uploads?
app.post('/upload', upload.array('files'), (req, res) => {
  console.log(req.file);
  res.send('Uploaded');
});
medium
A. upload.array() cannot be used for multiple files
B. upload.array() requires a maxCount parameter
C. Should use req.files instead of req.file to access multiple files
D. res.send() must send JSON, not string

Solution

  1. Step 1: Check multer usage for multiple files

    When using upload.array(), uploaded files are stored in req.files (an array), not req.file.
  2. Step 2: Identify error in code

    The code logs req.file, which will be undefined or incorrect for multiple files.
  3. Final Answer:

    Should use req.files instead of req.file to access multiple files -> Option C
  4. Quick Check:

    Multiple files = req.files [OK]
Hint: Use req.files (plural) for multiple files, not req.file [OK]
Common Mistakes:
  • Forgetting req.files vs req.file difference
  • Assuming maxCount is mandatory
  • Thinking upload.array() is invalid
5. You want to accept multiple files from two different fields: 'images' (max 3 files) and 'documents' (max 2 files). Which multer setup correctly handles this?
hard
A. upload.array('images', 3), upload.array('documents', 2)
B. upload.fields([{ name: 'images', maxCount: 3 }, { name: 'documents', maxCount: 2 }])
C. upload.single('images'), upload.single('documents')
D. upload.none()

Solution

  1. Step 1: Understand multer methods for multiple fields

    To handle multiple fields with multiple files each, use upload.fields() with an array of objects specifying field names and max counts.
  2. Step 2: Analyze options

    upload.fields([{ name: 'images', maxCount: 3 }, { name: 'documents', maxCount: 2 }]) correctly uses upload.fields([{ name: 'images', maxCount: 3 }, { name: 'documents', maxCount: 2 }]). upload.array('images', 3), upload.array('documents', 2) is invalid syntax as you cannot chain two upload.array() calls in one route.
  3. Final Answer:

    upload.fields([{ name: 'images', maxCount: 3 }, { name: 'documents', maxCount: 2 }]) -> Option B
  4. Quick Check:

    Multiple fields = upload.fields() [OK]
Hint: Use upload.fields() for multiple fields with multiple files [OK]
Common Mistakes:
  • Trying to chain multiple upload.array() calls
  • Using upload.single() for multiple files
  • Using upload.none() which disables file uploads