Storing files on disk vs memory in Express - Interactive Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set up multer to store uploaded files in memory.

Express

const multer = require('multer');
const storage = multer.[1]();
const upload = multer({ storage });

Drag options to blanks, or click blank then click option'

AdiskStorage

BmemoryStorage

CfileStorage

DbufferStorage

Attempts:

3 left

💡 Hint

Common Mistakes

Using diskStorage when memoryStorage is needed.

Confusing storage options names.

Using memoryStorage tells multer to keep files in memory as Buffer objects.

2fill in blank

medium

Complete the code to configure multer to save files on disk in the 'uploads/' folder.

Express

const multer = require('multer');
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, '[1]');
  },
  filename: function (req, file, cb) {
    cb(null, file.originalname);
  }
});
const upload = multer({ storage });

Drag options to blanks, or click blank then click option'

Atemp/

Bfiles/

Cmemory/

Duploads/

Attempts:

3 left

💡 Hint

Common Mistakes

Using a non-existent folder name.

Confusing memory storage folder with disk storage folder.

The destination function sets the folder where files are saved. 'uploads/' is a common folder name.

3fill in blank

hard

Fix the error in this code to access the uploaded file buffer when using memory storage.

Express

app.post('/upload', upload.single('file'), (req, res) => {
  const fileBuffer = req.file.[1];
  res.send('File received');
});

Drag options to blanks, or click blank then click option'

Abuffer

Boriginalname

Cfilename

Dpath

Attempts:

3 left

💡 Hint

Common Mistakes

Trying to access file path when using memory storage.

Using filename or originalname instead of buffer.

When using memoryStorage, the file content is in req.file.buffer as a Buffer object.

4fill in blank

hard

Fill both blanks to create a multer disk storage that saves files with a timestamp prefix in 'files/' folder.

Express

const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, '[1]');
  },
  filename: function (req, file, cb) {
    cb(null, Date.now() + '-' + file.[2]);
  }
});

Drag options to blanks, or click blank then click option'

Afiles/

Boriginalname

Cfilename

Duploads/

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong folder names.

Using 'filename' instead of 'originalname' for the file property.

The destination folder is 'files/'. The original file name is accessed with file.originalname.

5fill in blank

hard

Fill all three blanks to create a memory storage multer setup and access the uploaded file buffer in the route.

Express

const storage = multer.[1]();
const upload = multer({ storage });

app.post('/upload', upload.single('file'), (req, res) => {
  const fileData = req.file.[2];
  console.log(fileData);
  res.send('File size: ' + req.file.[3] + ' bytes');
});

Drag options to blanks, or click blank then click option'

AmemoryStorage

Bbuffer

Csize

Doriginalname

Attempts:

3 left

💡 Hint

Common Mistakes

Using diskStorage instead of memoryStorage.

Accessing file path instead of buffer.

Using wrong property for file size.

Use memoryStorage() to store files in memory. The file content is in req.file.buffer. The file size is in req.file.size.

Practice

1. In Express, what is the main difference between storing uploaded files on disk versus in memory?

easy

A. Disk storage is faster than memory storage for file uploads.

B. Disk storage saves files physically on the server, memory storage keeps files temporarily in RAM.

C. Memory storage saves files permanently, disk storage deletes files after upload.

D. Disk storage only works with images, memory storage only works with text files.

Solution

1. Step 1: Understand disk storage in Express

   Disk storage saves uploaded files physically on the server's hard drive, making them persistent.

2. Step 2: Understand memory storage in Express

   Memory storage keeps files temporarily in RAM, which is faster but not persistent after server restarts.

3. Final Answer:

   Disk storage saves files physically on the server, memory storage keeps files temporarily in RAM. -> Option B

4. Quick Check:

   Disk = physical, Memory = temporary RAM [OK]

Hint: Disk = saved on server, Memory = temporary RAM [OK]

Common Mistakes:

• Thinking memory storage saves files permanently
• Assuming disk storage is always faster
• Confusing file types with storage methods

2. Which of the following is the correct way to configure multer for storing files in memory in Express?

easy

A. const upload = multer({ storage: multer.memoryStorage() });

B. const upload = multer({ storage: multer.diskStorage({}) });

C. const upload = multer({ dest: '/uploads' });

D. const upload = multer({ storage: 'memory' });

Solution

1. Step 1: Identify multer memory storage syntax

   Memory storage is set by calling multer.memoryStorage() and passing it to the storage option.

2. Step 2: Check options for correct syntax

   const upload = multer({ storage: multer.memoryStorage() }); correctly uses multer.memoryStorage() inside the storage property.

3. Final Answer:

   const upload = multer({ storage: multer.memoryStorage() }); -> Option A

4. Quick Check:

   Use multer.memoryStorage() for memory storage [OK]

Hint: Use multer.memoryStorage() to store files in RAM [OK]

Common Mistakes:

• Using string 'memory' instead of multer.memoryStorage()
• Confusing diskStorage with memoryStorage
• Setting dest property for memory storage

3. Given this Express code snippet using multer with memory storage:

const upload = multer({ storage: multer.memoryStorage() });
app.post('/upload', upload.single('file'), (req, res) => {
  console.log(req.file.buffer.length);
  res.send('File size: ' + req.file.size);
});

What will be logged and sent if a 5000-byte file is uploaded?

medium

A. Throws an error because buffer is not available

B. Logs undefined, sends 'File size: undefined'

C. Logs 0, sends 'File size: 0'

D. Logs 5000, sends 'File size: 5000'

Solution

1. Step 1: Understand multer memoryStorage behavior

   When using memoryStorage, the uploaded file is stored in req.file.buffer as a Buffer object containing the file data.

2. Step 2: Check properties used in code

   req.file.buffer.length gives the byte length of the file buffer, which will be 5000 for a 5000-byte file. req.file.size also holds the file size in bytes.

3. Final Answer:

   Logs 5000, sends 'File size: 5000' -> Option D

4. Quick Check:

   Memory storage buffer length = file size [OK]

Hint: Memory storage files have buffer and size properties [OK]

Common Mistakes:

• Assuming buffer is undefined in memoryStorage
• Confusing size with buffer length
• Expecting disk path properties in memory storage

4. You wrote this Express code to store files on disk:

const upload = multer({ storage: multer.diskStorage({
  destination: './uploads',
  filename: (req, file, cb) => cb(null, file.originalname)
}) });
app.post('/upload', upload.single('file'), (req, res) => {
  res.send('File saved');
});

But files are not saved and no error appears. What is the likely problem?

medium

A. The destination path './uploads' does not exist or lacks write permission.

B. filename callback must return a Promise instead of using cb.

C. upload.single should be upload.array for disk storage.

D. multer.diskStorage cannot be used with Express.

Solution

1. Step 1: Check diskStorage destination requirements

   The destination folder must exist and be writable by the server process; multer does not create folders automatically.

2. Step 2: Analyze why files are not saved

   If the './uploads' folder is missing or permission denied, multer silently fails to save files without throwing errors.

3. Final Answer:

   The destination path './uploads' does not exist or lacks write permission. -> Option A

4. Quick Check:

   Disk storage needs existing writable folder [OK]

Hint: Ensure upload folder exists and is writable [OK]

Common Mistakes:

• Expecting multer to create upload folders automatically
• Misusing filename callback with Promises
• Confusing single vs array upload methods

5. You want to upload large files in Express and process them quickly without saving to disk. Which approach is best and why?

hard

A. Use multer.diskStorage to save files on disk for persistence and later processing.

B. Use multer.memoryStorage to keep files in RAM for fast access but risk high memory use.

C. Use multer.memoryStorage but limit file size to avoid memory overflow.

D. Use multer.diskStorage with a temporary folder and delete files after processing.

Solution

1. Step 1: Consider large file upload challenges

   Large files can consume a lot of RAM if stored in memory, risking server crashes.

2. Step 2: Evaluate memoryStorage with file size limits

   Using memoryStorage with strict file size limits allows fast processing while preventing excessive memory use.

3. Step 3: Compare with diskStorage options

   Disk storage is persistent but slower; temporary disk storage with deletion adds complexity and latency.

4. Final Answer:

   Use multer.memoryStorage but limit file size to avoid memory overflow. -> Option C

5. Quick Check:

   MemoryStorage + size limit = fast and safe [OK]

Hint: Limit file size when using memory storage for large files [OK]

Common Mistakes:

• Ignoring memory limits causing crashes
• Assuming disk storage is always faster
• Not cleaning up temporary disk files