Form-data body in Postman - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set the form-data key in Postman.

Postman

pm.request.body.formdata.add({ key: '[1]', value: 'test' });

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

Ausername

Bpassword

Ctoken

Demail

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'password' or 'token' as the key when username is expected.

The key 'username' is commonly used in form-data to identify the user field.

2fill in blank

medium

Complete the code to check if the form-data body contains a key.

Postman

const hasKey = pm.request.body.formdata.has('[1]');

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

Aemail

Bsession

Cusername

Dauth

Attempts:

3 left

💡 Hint

Common Mistakes

Using keys like 'session' or 'auth' which may not exist in form-data.

Checking for 'username' key is common when validating form-data content.

3fill in blank

hard

Fix the error in the code to correctly set a form-data value.

Postman

pm.request.body.formdata.get('[1]').value = 'newValue';

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

Ausername

Bpassword

Ctoken

Demail

Attempts:

3 left

💡 Hint

Common Mistakes

Using keys that do not exist in form-data causing runtime errors.

Using 'username' ensures the correct form-data key is updated.

4fill in blank

hard

Fill both blanks to add a new form-data key and value.

Postman

pm.request.body.formdata.add({ key: '[1]', value: '[2]' });

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

AapiKey

B12345

Ctoken

Dabcdef

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing keys and values incorrectly or using invalid tokens.

The key 'apiKey' with value 'abcdef' is a common pair in form-data for authentication.

5fill in blank

hard

Fill all three blanks to update a form-data key's value and check its existence.

Postman

if (pm.request.body.formdata.has('[1]')) {
  pm.request.body.formdata.get('[2]').value = '[3]';
}

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

AsessionId

Cxyz789

Dtoken

Attempts:

3 left

💡 Hint

Common Mistakes

Using different keys in has() and get() causing errors.

This code checks if 'sessionId' exists, then updates its value to 'xyz789'.

Practice

1. What is the main purpose of using form-data body in Postman?

easy

A. To send only JSON data

B. To send only URL encoded data

C. To send raw binary data without boundaries

D. To send files and text data like a real HTML form

Solution

1. Step 1: Understand form-data usage

   Form-data body is designed to send files and text fields together, mimicking how HTML forms submit data.

2. Step 2: Compare with other body types

   JSON and URL encoded bodies do not support file uploads or mixed data as form-data does.

3. Final Answer:

   To send files and text data like a real HTML form -> Option D

4. Quick Check:

   Form-data = files + text [OK]

Hint: Form-data sends files and text like a real form [OK]

Common Mistakes:

• Confusing form-data with raw JSON
• Thinking form-data cannot send files
• Mixing form-data with URL encoded body

2. Which of the following is the correct way to add a file in Postman's form-data body?

easy

A. Set key type to File and select the file from your system

B. Set key type to Text and enter file path

C. Set key type to Raw and paste file content

D. Set key type to JSON and upload file

Solution

1. Step 1: Identify file upload method in Postman

   Postman requires setting the key type to File to upload a file from your system in form-data.

2. Step 2: Eliminate incorrect options

   Text type is for plain text, Raw is for raw data input, JSON is a data format, none upload files directly.

3. Final Answer:

   Set key type to File and select the file from your system -> Option A

4. Quick Check:

   File upload = key type File [OK]

Hint: Use 'File' type key to upload files in form-data [OK]

Common Mistakes:

• Choosing Text type for file upload
• Trying to upload files in Raw body
• Confusing JSON body with form-data

3. Given this form-data body in Postman:

Key: username, Value: alice, Type: Text
Key: avatar, Value: (file selected), Type: File

What will the Content-Type header look like when the request is sent?

medium

A. application/json

B. multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW

C. application/x-www-form-urlencoded

D. text/plain

Solution

1. Step 1: Recognize form-data Content-Type

   Form-data requests use multipart/form-data with a boundary string to separate parts.

2. Step 2: Match Content-Type to form-data

   Options B, C, and D are for JSON, URL encoded, and plain text respectively, not for form-data with files.

3. Final Answer:

   multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW -> Option B

4. Quick Check:

   Form-data uses multipart/form-data with boundary [OK]

Hint: Form-data always uses multipart/form-data with boundary [OK]

Common Mistakes:

• Assuming JSON Content-Type for form-data
• Confusing URL encoded with form-data
• Ignoring boundary parameter in Content-Type

4. You created a form-data request in Postman but the server reports missing file data. What is the most likely mistake?

medium

A. You set the file key type as Text instead of File

B. You forgot to add the Authorization header

C. You used raw JSON body instead of form-data

D. You did not select any file for the file key

Solution

1. Step 1: Analyze the missing file data issue

   If the server says file data is missing, the file was not sent properly.

2. Step 2: Identify common form-data mistakes

   Setting file key as Text sends file path as text, not the file content. Selecting no file also causes missing data but is less common if user intended to upload.

3. Final Answer:

   You set the file key type as Text instead of File -> Option A

4. Quick Check:

   File key must be type File [OK]

Hint: File keys must be type File, not Text [OK]

Common Mistakes:

• Using Text type for file keys
• Not selecting a file for upload
• Confusing body types (raw vs form-data)

5. You want to send a form-data request with multiple text fields and two files named photo.jpg and resume.pdf. How should you configure the form-data body in Postman to correctly send all data?

hard

A. Add all keys as File type and upload files only, omit text fields

B. Add all keys as Text type and paste file paths as values

C. Add keys for text fields as Text type, add keys for files as File type, select files from system

D. Use raw JSON body with base64 encoded files and text fields

Solution

1. Step 1: Understand form-data mixed data requirements

   Form-data supports sending text fields and files together by setting key types accordingly.

2. Step 2: Configure keys properly in Postman

   Text fields must be type Text with their values; files must be type File with selected files uploaded.

3. Final Answer:

   Add keys for text fields as Text type, add keys for files as File type, select files from system -> Option C

4. Quick Check:

   Text keys = Text type, file keys = File type [OK]

Hint: Text fields use Text type; files use File type in form-data [OK]

Common Mistakes:

• Uploading files as text values
• Omitting text fields when files are present
• Using raw JSON instead of form-data for files