ImageEdit

The ImageEdit component provides image upload capabilities for Dataverse image columns. It can display a preview of the current image and supports drag-and-drop file selection.

<ImageEdit ColumnName="ppp_profileimage" />

Displaying the Image

Set DisplayImage="true" to show a preview of the uploaded image. When disabled, only the file name and upload control are displayed.

<ImageEdit ColumnName="ppp_profileimage" DisplayImage="true" />

Max File Size

Use MaxFileSize to set the maximum allowed file size in bytes.

<ImageEdit ColumnName="ppp_profileimage" MaxFileSize="2097152" />

File Upload Pre-Processing

If you need to pre-process files before they are saved to Dataverse, use the OnFileUploaded callback to hook into the upload process and apply custom handling to the file.

// In your startup class call the following:
services.Configure<FileSaveOptions>(options => {
    // Files can be saved to a temporary folder on the server or to an in-memory stream.
    options.SaveMode = FileSaveMode.SaveToTemporaryFolder;

    // Specify your pre-process handler
    options.OnFileUploaded = async (columnFileInfo) => {
        // Perform your processing here
        var mutatedFileData = SomeMethodToManipulateTheByteArray(columnFileInfo.FileInfo.FileData);
        return new FileInfo { FileName = "New File Name", FileData = mutatedFileData };
    };
});