(fix) file type/extension

Author: antoine92190

README.md

@@ -619,7 +619,7 @@ messageActionHandler({ roomId, action, message }) {
 
 (5) `textarea-action-handler` can be used to add an extra icon on the right of the textarea, and recieve an event when clicking it.
 
-(6) All file params contain: `{ blob, localURL, name, size, type }`
+(6) All file params contain: `{ blob, localURL, name, size, type, extension }`
 
 (7) `replyMessage` object is available when the user replied to another message by clicking the corresponding icon, and contains the message information that was clicked.
 

demo/src/ChatContainer.vue

@@ -423,6 +423,7 @@ export default {
 					name: file.name,
 					size: file.size,
 					type: file.type,
+					extension: file.extension,
 					url: file.localUrl
 				}
 				if (file.audio) {
@@ -463,6 +464,7 @@ export default {
 					name: file.name,
 					size: file.size,
 					type: file.type,
+					extension: file.extension,
 					url: file.url || file.localUrl
 				}
 				if (file.audio) {
@@ -490,7 +492,7 @@ export default {
 			const uploadFileRef = filesRef
 				.child(this.currentUserId)
 				.child(messageId)
-				.child(`${file.name}.${file.type}`)
+				.child(`${file.name}.${file.extension || file.type}`)
 
 			await uploadFileRef.put(file.blob, { contentType: file.type })
 			const url = await uploadFileRef.getDownloadURL()

src/ChatWindow/Room.vue

@@ -767,7 +767,8 @@ export default {
 				blob: blobFile,
 				name: file.name.substring(0, typeIndex),
 				size: file.size,
-				type: file.name.substring(typeIndex + 1) || file.type,
+				type: file.type,
+				extension: file.name.substring(typeIndex + 1),
 				localUrl: fileURL
 			}
 			if (this.isImageCheck(this.file)) this.imageFile = fileURL