Chat UI / File Attachments

Blazor ChatUI Example - File Attached Messages

Loading Syncfusion Blazor Server Demos…

Paul Wilson (You)
No conversations yet.
Type to begin or attach images, videos or files.

This example demonstrates the ability for users to attach files during chat interactions, which helps provide additional context to the conversation.

In this example, the ChatUIAttachmentSettings tag is used to manage file attachments in the chat interface. By setting the Enable parameter to true, you can allow users to attach files. The SaveUrl and RemoveUrl parameters are configured to handle server-side logic for uploading and removing files.

You can attach various file types such as images, videos, and documents. To limit uploads to specific formats, use the AllowedFileTypes parameter on the ChatUIAttachmentSettings tag. Additionally, the EmptyChatTemplate property of the main Chat component is used to customize the banner displayed before a conversation begins.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE