diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/interfaces/file-upload-preview.interface.ts b/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/interfaces/file-upload-preview.interface.ts
new file mode 100644
index 0000000000..5b3fc46b66
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/interfaces/file-upload-preview.interface.ts
@@ -0,0 +1,4 @@
+export interface UmbFileUploadPreviewElement extends HTMLElement {
+	path?: string;
+	file?: File;
+}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/interfaces/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/interfaces/index.ts
index 7585b5001b..593ea53bc5 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/interfaces/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/interfaces/index.ts
@@ -1,6 +1,7 @@
 export * from './block-editor-custom-view-element.interface.js';
 export * from './dashboard-element.interface.js';
 export * from './external-login-provider-element.interface.js';
+export * from './file-upload-preview.interface.js';
 export * from './menu-item-element.interface.js';
 export * from './modal-extension-element.interface.js';
 export * from './property-editor-ui-element.interface.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/models/file-upload-preview.model.ts b/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/models/file-upload-preview.model.ts
new file mode 100644
index 0000000000..9c5bba9bc0
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/models/file-upload-preview.model.ts
@@ -0,0 +1,7 @@
+import type { UmbFileUploadPreviewElement } from '../interfaces/file-upload-preview.interface.js';
+import type { ManifestElement } from '@umbraco-cms/backoffice/extension-api';
+
+export interface ManifestFileUploadPreview extends ManifestElement<UmbFileUploadPreviewElement> {
+	type: 'fileUploadPreview';
+	forMimeTypes?: Array<string>;
+}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/models/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/models/index.ts
index bcec4417ea..e0d4de3ae9 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/models/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/extension-registry/models/index.ts
@@ -23,6 +23,7 @@ import type {
 } from './entity-action.model.js';
 import type { ManifestDynamicRootOrigin, ManifestDynamicRootQueryStep } from './dynamic-root.model.js';
 import type { ManifestEntityBulkAction } from './entity-bulk-action.model.js';
+import type { ManifestFileUploadPreview } from './file-upload-preview.model.js';
 import type { ManifestExternalLoginProvider } from './external-login-provider.model.js';
 import type { ManifestGlobalContext } from './global-context.model.js';
 import type { ManifestHeaderApp, ManifestHeaderAppButtonKind } from './header-app.model.js';
@@ -90,6 +91,7 @@ export type * from './entity-action.model.js';
 export type * from './entity-bulk-action.model.js';
 export type * from './entity-user-permission.model.js';
 export type * from './entry-point.model.js';
+export type * from './file-upload-preview.model.js';
 export type * from './external-login-provider.model.js';
 export type * from './global-context.model.js';
 export type * from './header-app.model.js';
@@ -176,6 +178,7 @@ export type ManifestTypes =
 	| ManifestEntityBulkAction
 	| ManifestEntityUserPermission
 	| ManifestEntryPoint
+	| ManifestFileUploadPreview
 	| ManifestExternalLoginProvider
 	| ManifestGlobalContext
 	| ManifestGranularUserPermission