Merge pull request #315 from Azure-Samples/jimchou/fix-acs-ui-upload-filename-escape

Author: jimchou-dev

ui-library-filesharing-chat-composite/api/functions/uploadFileToAzureBlobStore.ts

@@ -59,7 +59,7 @@ const httpTrigger = async function (req: HttpRequest, context: InvocationContext
     const fileContentBuffer = Buffer.from(fileContent);
     const size = fileContentBuffer.byteLength;
 
-    const uniqueFileName = `${v4()}-${file.name}`;
+    const uniqueFileName = `${v4()}-${encodeURI(file.name)}`;
 
     context.log(`*** Uploading Filename:${uniqueFileName}, Content type:${file.type}, Length:${file.size}`);
 

ui-library-filesharing-ui-components/api/functions/uploadFileToAzureBlobStore.ts

@@ -59,7 +59,7 @@ const httpTrigger = async function (req: HttpRequest, context: InvocationContext
     const fileContentBuffer = Buffer.from(fileContent);
     const size = fileContentBuffer.byteLength;
 
-    const uniqueFileName = `${v4()}-${file.name}`;
+    const uniqueFileName = `${v4()}-${encodeURI(file.name)}`;
 
     context.log(`*** Uploading Filename:${uniqueFileName}, Content type:${file.type}, Length:${file.size}`);
 

ui-library-filesharing-ui-components/app/src/ChatComponents.tsx

@@ -42,7 +42,7 @@ export default function ChatComponents(): JSX.Element {
   };
 
   const uploadFile = async (file: File): Promise<void> => {
-    const uniqueFileName = `${v4()}-${file.name}`;
+    const uniqueFileName = `${v4()}-${encodeURI(file.name)}`;
     const data = new Form();
     data.append("file", file);