🐞 fix: Handle Garbled Chinese Characters in File Upload (#2261)

Co-authored-by: 彭修照 <pengxiuzhao.uh@haier.com>
danny-avila · Apr 1, 2024 · cc92597 · cc92597
1 parent 4854b39
commit cc92597
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/api/server/routes/files/multer.js b/api/server/routes/files/multer.js
@@ -15,6 +15,7 @@ const storage = multer.diskStorage({
   },
   filename: function (req, file, cb) {
     req.file_id = crypto.randomUUID();
+    file.originalname = decodeURIComponent(file.originalname);
     cb(null, `${file.originalname}`);
   },
 });

diff --git a/client/src/hooks/Files/useFileHandling.ts b/client/src/hooks/Files/useFileHandling.ts
@@ -125,7 +125,7 @@ const useFileHandling = (params?: UseFileHandling) => {
     startUploadTimer(extendedFile.file_id, extendedFile.file?.name || 'File');
 
     const formData = new FormData();
-    formData.append('file', extendedFile.file as File);
+    formData.append('file', extendedFile.file as File, encodeURIComponent(extendedFile.file?.name || 'File'));
     formData.append('file_id', extendedFile.file_id);
     if (extendedFile.width) {
       formData.append('width', extendedFile.width?.toString());