View payload data for POST requests in the network tab (to view uploaded files)

[richardsondev]

When uploading a file via a POST request created by a form with content type "multipart/form-data", all form data disappears from the request in the network tab.

There was a similar report for Chrome as well here: https://stackoverflow.com/a/59871612

Expected:
Show the form data in the network tab for these types of POST requests. Ideally, if all the data including the file data could be shown, it would be great. Although, just having the non-file data would be nice too.

To reproduce:

1. Go to a browser page with a form file upload like: https://www.filestack.com/fileschool/html/html-file-upload-tutorial-example/
2. Open the network tab and ensure recording is on
3. Upload a file via the form and submit
4. Inspect the POST request in the network tab and see there is no form data visible

AB#38549603

[captainbrosset]

Thanks for filing this issue. It'd be really good if we could see the payload data indeed. I noticed that Firefox DevTools does have it. Here is an example:

The Request sidebar tab in the Network panel shows all of the data sent with the form submission, including the file content.

If I do a GET request with Chrome or Edge, I also get something similar:

Unfortunately, I'm not seeing the Payload sidebar tab for POST requests. So this seems like a good thing to add.

[captainbrosset]

I've moved this to the team's internal backlog for evaluation and prioritization. Thanks for your feedback!

[GoldenretriverYT]

any chance this will be implemented?

[captainbrosset]

Testing again today with the steps provided in this issue's description, and things seem to have changed.
I now see a FormData section under Payload, which shows the file that has been sent:

@richardsondev mind testing again and letting us know what you see?

[richardsondev]

Tested with 125.0.2535.92 and it looks good to me! Thanks for the resolution

[captainbrosset]

Great to hear. Closing this issue.