ImageEdit

Die Komponente ImageEdit bietet Bild-Upload-Funktionen für Dataverse-Bildspalten. Es kann eine Vorschau des aktuellen Bildes anzeigen und unterstützt die Drag-and-Drop-Dateiauswahl.

React

Blazor

Anzeige des Bildes

Stellen Sie ein, DisplayImage="true" um eine Vorschau des hochgeladenen Bildes anzuzeigen. Wenn deaktiviert, werden nur der Dateiname und die Upload-Steuerung angezeigt.

React

Blazor

Maximale Dateigröße

Verwenden Sie MaxFileSize , um die maximal erlaubte Dateigröße in Bytes einzustellen.

React

Blazor

Beispiel

Eine grundlegende ImageEdit Bindung an eine Bildspalte.

React-Beispiel

Blazor-Beispiel

Primärbild

Fügen Sie hier ein Bild ein oder klicken Sie zum Durchstöbern

React TypeScript

Razor

Konfigurationsoptionen

Nutzen Sie die untenstehenden Steuerungen, um die verfügbaren Immobilien zu erkunden.

React-Beispiel

Blazor-Beispiel

Nur lesen?

Erforderlich?

Behindert?

Bild anzeigen?

Maximale Dateigröße (Bytes)

Primärbild

Fügen Sie hier ein Bild ein oder klicken Sie zum Durchstöbern

React TypeScript

Razor

Vorverarbeitung des Dateihochladens

Wenn du Dateien vorverarbeiten musst, bevor sie in Dataverse gespeichert werden, nutze den Callback, OnFileUploaded um dich in den Upload-Prozess einzubinden und eine benutzerdefinierte Behandlung auf die Datei anzuwenden.

FileSaveOptions Baureihe

Eigenschaften

Name	Typ	Default	Beschreibung
`OnFileUploaded`	Func<ColumnFileInfo, Task<FileInfo>>?		Ein optionaler Callback, der nach dem Hochladen einer Datei und vor dem Speichern in Dataverse aufgerufen wird. Erhält ein `Models.ColumnFileInfo` Rezept, das die Dateidaten und die Zieltabelle/-spalte enthält, und gibt eine mit der (potenziell modifizierten) Datei zurück, die gespeichert `Models.FileInfo` werden soll. Nutzen Sie dies, um Bilder zu vergrößern, Dateiformate zu konvertieren, nach Viren zu scannen oder andere Transformationen anzuwenden.
`SaveMode`	FileSaveMode	SaveToTemporaryFolder	Der Modus, der verwendet wird, um die Datei während des Hochladens vorübergehend zu speichern. `FileSaveMode.SaveToTemporaryFolder` schreibt die Datei in einen temporären Ordner auf dem Server bevor sie in Dataverse gespeichert wurde. `FileSaveMode.Stream` streamt die Datei direkt zu Dataverse Ohne Zwischenlager. Standardmäßig gilt `FileSaveMode.SaveToTemporaryFolder`.

Name: OnFileUploaded

Typ: Func<ColumnFileInfo, Task<FileInfo>>?

Beschreibung: Ein optionaler Callback, der nach dem Hochladen einer Datei und vor dem Speichern in Dataverse aufgerufen wird. Erhält ein Models.ColumnFileInfo Rezept, das die Dateidaten und die Zieltabelle/-spalte enthält, und gibt eine mit der (potenziell modifizierten) Datei zurück, die gespeichert Models.FileInfo werden soll. Nutzen Sie dies, um Bilder zu vergrößern, Dateiformate zu konvertieren, nach Viren zu scannen oder andere Transformationen anzuwenden.

Name: SaveMode

Typ: FileSaveMode

Default: SaveToTemporaryFolder

Beschreibung: Der Modus, der verwendet wird, um die Datei während des Hochladens vorübergehend zu speichern. FileSaveMode.SaveToTemporaryFolder schreibt die Datei in einen temporären Ordner auf dem Server bevor sie in Dataverse gespeichert wurde. FileSaveMode.Stream streamt die Datei direkt zu Dataverse Ohne Zwischenlager. Standardmäßig gilt FileSaveMode.SaveToTemporaryFolder.

ColumnFileInfo Baureihe

Eigenschaften

Name	Typ	Beschreibung
`ColumnName`	string	Der logische Name der Datei oder Bildspalte, in die die Datei hochgeladen wird.
`FileInfo`	FileInfo	Die hochgeladenen Dateiinformationen einschließlich Dateiname, Größe und Binärinhalt.
`TableName`	string	Der logische Name der Dataverse-Tabelle, in die die Datei hochgeladen wird.

Name: ColumnName

Typ: string

Beschreibung: Der logische Name der Datei oder Bildspalte, in die die Datei hochgeladen wird.

Name: FileInfo

Typ: FileInfo

Beschreibung: Die hochgeladenen Dateiinformationen einschließlich Dateiname, Größe und Binärinhalt.

Name: TableName

Typ: string

Beschreibung: Der logische Name der Dataverse-Tabelle, in die die Datei hochgeladen wird.

FileInfo Baureihe

Eigenschaften

Name	Typ	Default	Beschreibung
`FileData`	byte[]?		Der rohe Binärinhalt der Datei. Kann null sein, wenn die Datei noch nicht in den Speicher eingelesen wurde.
`FileName`	string		Der ursprüngliche Dateiname einschließlich der Erweiterung (z. B. 'document.pdf').
`FileSizeInBytes`	long	0	Die Dateigröße in Bytes.

Name: FileData

Typ: byte[]?

Beschreibung: Der rohe Binärinhalt der Datei. Kann null sein, wenn die Datei noch nicht in den Speicher eingelesen wurde.

Name: FileName

Typ: string

Beschreibung: Der ursprüngliche Dateiname einschließlich der Erweiterung (z. B. 'document.pdf').

Name: FileSizeInBytes

Typ: long

Default: 0

Beschreibung: Die Dateigröße in Bytes.

Reagieren

Blazor

ImageEdit Baureihe

Parameter

Name	Typ	Default	Beschreibung
`ChildContent`	RenderFragment?		Kindinhalt der Komponente
`ColumnName`*	string		Spaltenlogischer Name, um den Editor aus dem Tabelleneintrag zu binden.
`Description`	string?		Beschreibung wird im Tooltip angezeigt.
`Disabled`	bool?		Sollte der Editor deaktiviert werden?
`DisplayImage`	bool	False	Wenn zutreffend, wird die Bildbinärform aus Dataverse heruntergeladen und inline gerendert.
`DisplayLabelWhenAvailable`	bool	True	Gibt an, ob eine Etikette angezeigt werden soll, falls verfügbar.
`DisplayTooltipWhenAvailable`	bool	True	Gibt an, ob ein Tooltip angezeigt werden soll, falls verfügbar.
`DisplayValidationErrorMessage`	bool	True	Sollte eine Fehlermeldung zur Validierung angezeigt werden, wenn die Komponente die Validierung nicht besteht?
`IsVisible`	bool	True	Ist der Editor sichtbar?
`Label`	string?		Text soll als Etikett für den Editor angezeigt werden.
`MaxFileSizeInBytes`	long?		Erhält oder setzt die maximale Größe einer hochgeladenen Datei (in Bytes). Der Standardwert beträgt 10 MB oder der durch die Spaltenmetadaten angegebene Wert.
`OutputFormat`	ImageOutputFormat	Auto	Ausgabeformat, das beim Zurückgeben von Bearbeitungen in die gebundene Spalte verwendet wird. Standardeinstellungen sind — `ImageOutputFormat.Auto` JPEG-Eingänge bleiben erhalten JPEG, alles andere erzeugt PNG. Pinnen an `ImageOutputFormat.Png` für verlustfreie Schreibvorgänge unabhängig davon der Quelle, oder `ImageOutputFormat.Jpeg` für die Größe- sensible Fotospalten. Weitergeleitet an das eingebettete `ImageViewer.OutputFormat`.
`OutputQuality`	double	0,9	JPEG-Qualität in [0, 1]. Ignoriert, wenn `ImageEdit.OutputFormat` entscheidet sich auf PNG. Standardmäßig auf 0,9. Weitergeleitet an `ImageViewer.OutputQuality`.
`ReadOnly`	bool?		Sollte der Editor nur lesegeschützt sein?
`Required`	bool?		Sollte der Wert erforderlich sein.
`Value`	FileValue?		Wert der Spalte.

Name: ChildContent

Typ: RenderFragment?

Beschreibung: Kindinhalt der Komponente

Name: ColumnName*

Typ: string

Beschreibung: Spaltenlogischer Name, um den Editor aus dem Tabelleneintrag zu binden.

Name: Description

Typ: string?

Beschreibung: Beschreibung wird im Tooltip angezeigt.

Name: Disabled

Typ: bool?

Beschreibung: Sollte der Editor deaktiviert werden?

Name: DisplayImage

Typ: bool

Default: False

Beschreibung: Wenn zutreffend, wird die Bildbinärform aus Dataverse heruntergeladen und inline gerendert.

Name: DisplayLabelWhenAvailable

Typ: bool

Default: True

Beschreibung: Gibt an, ob eine Etikette angezeigt werden soll, falls verfügbar.

Name: DisplayTooltipWhenAvailable

Typ: bool

Default: True

Beschreibung: Gibt an, ob ein Tooltip angezeigt werden soll, falls verfügbar.

Name: DisplayValidationErrorMessage

Typ: bool

Default: True

Beschreibung: Sollte eine Fehlermeldung zur Validierung angezeigt werden, wenn die Komponente die Validierung nicht besteht?

Name: IsVisible

Typ: bool

Default: True

Beschreibung: Ist der Editor sichtbar?

Name: Label

Typ: string?

Beschreibung: Text soll als Etikett für den Editor angezeigt werden.

Name: MaxFileSizeInBytes

Typ: long?

Beschreibung: Erhält oder setzt die maximale Größe einer hochgeladenen Datei (in Bytes). Der Standardwert beträgt 10 MB oder der durch die Spaltenmetadaten angegebene Wert.

Name: OutputFormat

Typ: ImageOutputFormat

Default: Auto

Beschreibung: Ausgabeformat, das beim Zurückgeben von Bearbeitungen in die gebundene Spalte verwendet wird. Standardeinstellungen sind — ImageOutputFormat.Auto JPEG-Eingänge bleiben erhalten JPEG, alles andere erzeugt PNG. Pinnen an ImageOutputFormat.Png für verlustfreie Schreibvorgänge unabhängig davon der Quelle, oder ImageOutputFormat.Jpeg für die Größe- sensible Fotospalten. Weitergeleitet an das eingebettete ImageViewer.OutputFormat.

Name: OutputQuality

Typ: double

Default: 0,9

Beschreibung: JPEG-Qualität in [0, 1]. Ignoriert, wenn ImageEdit.OutputFormat entscheidet sich auf PNG. Standardmäßig auf 0,9. Weitergeleitet an ImageViewer.OutputQuality.

Name: ReadOnly

Typ: bool?

Beschreibung: Sollte der Editor nur lesegeschützt sein?

Name: Required

Typ: bool?

Beschreibung: Sollte der Wert erforderlich sein.

Name: Value

Typ: FileValue?

Beschreibung: Wert der Spalte.

Veranstaltungen

Name	Typ	Beschreibung
`ValueChanged`	EventCallback<ColumnValueBase>	Erhält oder setzt einen Callback, der den gebundenen Wert aktualisiert.

Name: ValueChanged

Typ: EventCallback<ColumnValueBase>

Beschreibung: Erhält oder setzt einen Callback, der den gebundenen Wert aktualisiert.

Methoden

Name	Parameter	Typ	Beschreibung
`GetValidationErrors`		List<string>	Gibt eine Sammlung der aktuellen Validierungsfehler zurück.

Name: GetValidationErrors

Typ: List<string>

Beschreibung: Gibt eine Sammlung der aktuellen Validierungsfehler zurück.