File names turn into gibberish when uploading via the Uploads interface (Media)

[roi-polisave]

Link to reproduction

No response

Environment Info

PayloadCMS: 3.0.0-beta.100 (but the issue also happens on older versions)
Browser versions: Tested on Chrome (version 126) and Firefox (version 130).
Operating System: MacOS
Node.js: v20.17.0
Next.js: 15.0.0-canary.104 (but the issue also happens on older versions)

Describe the Bug

I’ve encountered an issue where file names turn into gibberish when uploading files through the Payload CMS Uploads interface. This happens with files that have non-ASCII characters (e.g., Hebrew or Japanese file names). I have tested this on both Chrome and Firefox browsers on a MacOS system.

I found that there was a similar issue in Postman (issue reference: Postman GitHub Issue #5912), where multipart/form-data requests with non-ASCII file names were being altered. This might indicate a similar encoding issue in Payload CMS and could be related to how the encoding is handled in the request headers.

Examples:

1. Original file name: フェニックス.png (Japanese)
   After upload: ãã§ããã¯ã¹.png

2. Original file name: בדיקה.png (Hebrew)
   After upload: ×××ק×.png

3. Original file name: 検査.png (Japanese)
   After upload: æ¤æ».png

Reproduction Steps

1. Navigate to the Uploads section (Media Collection) in the Payload CMS admin interface.
2. Upload a file with a name containing non-ASCII characters (e.g., Hebrew or Japanese).
3. After the file is uploaded, check the file name – it appears as gibberish instead of the original name.

Adapters and Plugins

No response

[r1tsuu]

For now, you can define in your root config:

upload: {
  defParamCharset: "utf8"
}

PR #8157 to make it default

[github-actions]

🚀 This is included in version v3.0.0-beta.103

[roi-polisave]

Thank you very much, I checked and it works :)

[github-actions]

This issue has been automatically locked.
Please open a new issue if this issue persists with any additional detail.