Customize the (Backoffice) media preview for additional file extension support

markadrake · October 25, 2025, 6:14pm

Is it possible to extend the Umbraco Backoffice in v17 to support previewing of additional file types?

(I want to add support for rive files and gltf models.)

jacob · October 27, 2025, 7:52am

Yes, the extension type is called “fileUploadPreview”.

It is discussed briefly here, but the Docs does not have any examples: Extension Types | Umbraco CMS

However, you can find examples in the source repository:

github.com/umbraco/Umbraco-CMS

src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-upload-field/preview/manifest.ts

main

export const manifests: Array<UmbExtensionManifest> = [
	{
		type: 'fileUploadPreview',
		alias: 'Umb.FileUploadPreview.Audio',
		name: 'Audio File Upload Preview',
		weight: 100,
		element: () => import('./input-upload-field-audio.element.js'),
		forMimeTypes: ['audio/*'],
	},
	{
		type: 'fileUploadPreview',
		alias: 'Umb.FileUploadPreview.File',
		name: 'General File Upload Preview',
		weight: 100,
		element: () => import('./input-upload-field-file.element.js'),
		forMimeTypes: ['*/*'],
	},
	{
		type: 'fileUploadPreview',
		alias: 'Umb.FileUploadPreview.Image',

This file has been truncated. show original

system · November 26, 2025, 7:53am

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.