File uploads in Laravel - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to validate a file upload in a Laravel controller.

Laravel

request()->validate(['photo' => '[1]']);

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

A'required|email'

B'nullable|integer'

C'string|max:255'

D'required|file|image'

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'string' or 'email' rules for file uploads.

Not including 'file' in the validation rules.

The validation rule 'required|file|image' ensures the uploaded file is present and is an image.

2fill in blank

medium

Complete the code to store an uploaded file in Laravel's storage.

Laravel

$path = $request->file('photo')->[1]('photos');

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

Astore

Bsave

Cupload

Dmove

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'move' which is a PHP method but not recommended in Laravel.

Using 'upload' which does not exist.

The 'store' method saves the uploaded file to the specified disk folder.

3fill in blank

hard

Fix the error in the code to get the original filename of the uploaded file.

Laravel

$filename = $request->file('photo')->[1]();

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

AgetClientOriginalName

BgetOriginalName

CoriginalName

DgetClientName

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'getOriginalName' which does not exist.

Using 'originalName' property which is invalid.

The correct method to get the original filename is 'getClientOriginalName()'.

4fill in blank

hard

Fill both blanks to check if a file was uploaded and then store it.

Laravel

if ($request->hasFile('[1]') && $request->file('[2]')->isValid()) {
    $path = $request->file('photo')->store('uploads');
}

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

Aphoto

Bfile

Cimage

Dupload

Attempts:

3 left

💡 Hint

Common Mistakes

Using different names in 'hasFile' and 'file' methods.

Using generic names like 'file' or 'upload' instead of the actual input name.

The 'hasFile' and 'file' methods must use the same input name 'photo' to check and store the file.

5fill in blank

hard

Fill all three blanks to create a unique filename and store the uploaded file.

Laravel

$filename = time() . '_' . $request->file('[1]')->getClientOriginalName();
$path = $request->file('[2]')->storeAs('[3]', $filename);

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

Aphoto

Bimage

Cuploads

Dfiles

Attempts:

3 left

💡 Hint

Common Mistakes

Using different input names in the two file calls.

Using wrong folder names for storage.

Use the input name 'photo' for both file calls and store the file in the 'uploads' folder.

Practice

1. In Laravel, which method is used to check if a file was uploaded in a request?

easy

A. $request->isFile('file')

B. $request->hasFile('file')

C. $request->checkFile('file')

D. $request->fileExists('file')

Solution

1. Step 1: Identify Laravel method to check file upload

   Laravel provides hasFile to verify if a file was uploaded in the request.

2. Step 2: Compare options with Laravel documentation

   Only hasFile is the correct method; others do not exist in Laravel.

3. Final Answer:

   $request->hasFile('file') -> Option B

4. Quick Check:

   Check file upload with hasFile() = D [OK]

Hint: Use hasFile() to check uploaded files quickly [OK]

Common Mistakes:

• Using non-existent methods like fileExists()
• Confusing hasFile() with file() method
• Not checking if file exists before processing

2. Which HTML form attribute is required to upload files in Laravel?

easy

A. enctype="multipart/form-data"

B. method="post"

C. action="upload.php"

D. type="file"

Solution

1. Step 1: Identify form attribute for file uploads

   File uploads require the form to have enctype="multipart/form-data" to send file data properly.

2. Step 2: Check other attributes

   method="post" is needed but not enough alone; type="file" is for input, not form; action defines URL, not upload encoding.

3. Final Answer:

   enctype="multipart/form-data" -> Option A

4. Quick Check:

   Form encoding for files = B [OK]

Hint: Always set enctype to multipart/form-data for file uploads [OK]

Common Mistakes:

• Omitting enctype attribute
• Using GET method instead of POST
• Confusing input type with form attribute

3. What will be the output of this Laravel code snippet after uploading a file named photo.jpg?

$path = $request->file('photo')->store('images');
return $path;

medium

A. "photo.jpg"

B. "images/photo.jpg"

C. "/storage/images/photo.jpg"

D. "images/unique_generated_name.jpg"

Solution

1. Step 1: Understand store() method behavior

   The store() method saves the file in the specified folder with a unique generated filename to avoid overwriting.

2. Step 2: Analyze returned path

   The returned path includes the folder and the unique filename, not the original filename or full storage path.

3. Final Answer:

   "images/unique_generated_name.jpg" -> Option D

4. Quick Check:

   store() returns folder + unique filename = A [OK]

Hint: store() saves file with unique name, returns folder plus new filename [OK]

Common Mistakes:

• Assuming original filename is kept
• Expecting full storage path returned
• Confusing store() with move() method

4. Identify the error in this Laravel file upload code:

if ($request->hasFile('avatar')) {
  $file = $request->file('avatar');
  $file->move('uploads');
}

medium

A. Missing second argument for move() method

B. Incorrect method to check file existence

C. move() should be called on $request, not $file

D. No error, code is correct

Solution

1. Step 1: Review move() method signature

   The move() method requires two arguments: destination path and filename.

2. Step 2: Check code arguments

   Only one argument ('uploads') is given; filename is missing, causing an error.

3. Final Answer:

   Missing second argument for move() method -> Option A

4. Quick Check:

   move() needs path and filename = C [OK]

Hint: move() needs destination path and filename both [OK]

Common Mistakes:

• Calling move() with only one argument
• Confusing hasFile() with fileExists()
• Calling move() on request instead of file

5. You want to upload multiple images and save their paths in the database. Which Laravel approach correctly handles multiple file uploads in a request named photos?

hard

A. if ($request->hasFile('photos')) {
$path = $request->file('photos')->store('gallery');
Photo::create(['path' => $path]);
}

B. $photos = $request->file('photos');
$photos->store('gallery');
Photo::create(['path' => $photos]);

C. foreach ($request->file('photos') as $photo) {
$path = $photo->store('gallery');
Photo::create(['path' => $path]);
}

D. $path = $request->file('photos')->move('gallery');
Photo::create(['path' => $path]);

Solution

1. Step 1: Understand multiple file upload handling

   Multiple files come as an array; you must loop through each file to store and save paths.

2. Step 2: Analyze options for correct looping and storing

   foreach ($request->file('photos') as $photo) {
     $path = $photo->store('gallery');
     Photo::create(['path' => $path]);
   }

   loops over each file, stores it, and saves path correctly. Others treat files as single or misuse methods.

3. Final Answer:

   Loop through each file, store, and save path -> Option C

4. Quick Check:

   Multiple files need foreach loop = A [OK]

Hint: Use foreach to handle multiple uploaded files individually [OK]

Common Mistakes:

• Treating multiple files as single file
• Not looping through file array
• Calling store() on file array directly