O ImageEdit componente oferece capacidades de upload de imagens para colunas de imagens do Dataverse. Ele pode exibir uma prévia da imagem atual e suporta a seleção de arquivos por arrastar e soltar.
<ImageEdit columnName="ppp_profileimage" /><ImageEdit ColumnName="ppp_profileimage" />Configure DisplayImage="true" para mostrar uma prévia da imagem enviada. Quando desativado, apenas o nome do arquivo e o controle de upload são exibidos.
<ImageEdit columnName="ppp_profileimage" displayImage={true} /><ImageEdit ColumnName="ppp_profileimage" DisplayImage="true" />Use MaxFileSize para definir o tamanho máximo permitido do arquivo em bytes.
<ImageEdit columnName="ppp_profileimage" maxFileSizeBytes={2097152} /><ImageEdit ColumnName="ppp_profileimage" MaxFileSize="2097152" />Um limite básico ImageEdit a uma coluna de imagem.
Use os controles abaixo para explorar as propriedades disponíveis.
Se você precisar pré-processar arquivos antes de serem salvos no Dataverse, use o OnFileUploaded callback para acessar o processo de upload e aplicar um tratamento personalizado ao arquivo.
// Na sua aula de startups, chame o seguinte:
services.Configure<FileSaveOptions>(options => {
// Os arquivos podem ser salvos em uma pasta temporária no servidor ou em um fluxo na memória.
options.SaveMode = FileSaveMode.SaveToTemporaryFolder;
// Especifique seu manipulador de pré-processo
options.OnFileUploaded = async (columnFileInfo) => {
// Realize seu processamento aqui
var mutatedFileData = SomeMethodToManipulateTheByteArray(columnFileInfo.FileInfo.FileData);
return new FileInfo { FileName = "Novo nome de arquivo", FileData = mutatedFileData };
};
});
Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
OnFileUploaded | Func<ColumnFileInfo, Task<FileInfo>>? | Um callback opcional é invocado após o upload de um arquivo e antes de ser salvo no Dataverse. Recebe um Models.ColumnFileInfo contendo os dados do arquivo e a tabela/coluna de destino, e retorna A Models.FileInfo com o arquivo (potencialmente modificado) para salvar. Use isso para redimensionar imagens, converter formatos de arquivo, escanear vírus ou aplicar outras transformações. | |
SaveMode | FileSaveMode | SaveToTemporaryFolder | O modo usado para armazenar temporariamente o arquivo durante o upload. FileSaveMode.SaveToTemporaryFolder grava o arquivo em uma pasta temporária no servidor antes de salvar no Dataverse. FileSaveMode.Stream transmite o arquivo diretamente para o Dataverse sem armazenamento intermediário. O padrão é .FileSaveMode.SaveToTemporaryFolder |
OnFileUploadedModels.ColumnFileInfo contendo os dados do arquivo e a tabela/coluna de destino, e retorna A Models.FileInfo com o arquivo (potencialmente modificado) para salvar. Use isso para redimensionar imagens, converter formatos de arquivo, escanear vírus ou aplicar outras transformações.SaveModeFileSaveMode.SaveToTemporaryFolder grava o arquivo em uma pasta temporária no servidor antes de salvar no Dataverse. FileSaveMode.Stream transmite o arquivo diretamente para o Dataverse sem armazenamento intermediário. O padrão é .FileSaveMode.SaveToTemporaryFolderNome | Tipo | Padrão | Descrição |
|---|---|---|---|
ColumnName | string | O nome lógico da coluna do arquivo ou imagem para onde o arquivo está sendo enviado. | |
FileInfo | FileInfo | As informações do arquivo enviadas, incluindo nome, tamanho e conteúdo binário. | |
TableName | string | O nome lógico da tabela Dataverse para onde o arquivo está sendo enviado. |
ColumnNameFileInfoTableNameNome | Tipo | Padrão | Descrição |
|---|---|---|---|
FileData | byte[]? | O conteúdo binário bruto do arquivo. Pode ser nulo se o arquivo ainda não foi lido na memória. | |
FileName | string | O nome original do arquivo inclui a extensão (por exemplo, 'document.pdf'). | |
FileSizeInBytes | long | 0 | O tamanho do arquivo em bytes. |
FileDataFileNameFileSizeInBytesNome | Tipo | Padrão | Descrição |
|---|---|---|---|
ChildContent | RenderFragment? | Conteúdo filho do componente | |
ColumnName* | string | Nome lógico da coluna para vincular o editor a partir do registro da tabela. | |
Description | string? | Descrição será exibida na dica de ferramenta. | |
Disabled | bool? | Caso o editor esteja desativado. | |
DisplayImage | bool | False | Quando |
DisplayLabelWhenAvailable | bool | True | Especifica se deve exibir uma lable, se disponível. |
DisplayTooltipWhenAvailable | bool | True | Especifica se deve exibir uma dica de ferramenta, se disponível. |
DisplayValidationErrorMessage | bool | True | Uma mensagem de erro de validação deve ser exibida quando o componente falha na validação? |
IsVisible | bool | True | O editor é visível? |
Label | string? | Texto para ser exibido como um rótulo para o editor. | |
MaxFileSizeInBytes | long? | Recebe ou define o tamanho máximo de um arquivo a ser enviado (em bytes). O valor padrão é 10 MB ou o valor especificado pelos metadados da coluna. | |
OutputFormat | ImageOutputFormat | Auto | Formato de saída usado ao fazer commit de edições de volta para a coluna vinculada. Padrão para ImageOutputFormat.Auto — entradas JPEG permanecem JPEG, todo o resto emite PNG. Pin to ImageOutputFormat.Png para escritas sem perdas, independentemente disso de origem, ou ImageOutputFormat.Jpeg para o tamanho— Colunas de fotos sensíveis. Encaminhado para o embedded ImageViewer.OutputFormat. |
OutputQuality | double | 0,9 | Qualidade JPEG em ImageEdit.OutputFormat resolve para PNG. O padrão é ImageViewer.OutputQuality. |
ReadOnly | bool? | O editor deve ser somente leitura. | |
Required | bool? | Se o valor for necessário. | |
Value | FileValue? | Valor da coluna. |
ChildContentColumnName*DescriptionDisabledDisplayImageDisplayLabelWhenAvailableDisplayTooltipWhenAvailableDisplayValidationErrorMessageIsVisibleLabelMaxFileSizeInBytesOutputFormatImageOutputFormat.Auto — entradas JPEG permanecem JPEG, todo o resto emite PNG. Pin to ImageOutputFormat.Png para escritas sem perdas, independentemente disso de origem, ou ImageOutputFormat.Jpeg para o tamanho— Colunas de fotos sensíveis. Encaminhado para o embedded ImageViewer.OutputFormat.OutputQualityImageEdit.OutputFormat resolve para PNG. O padrão é ImageViewer.OutputQuality.ReadOnlyRequiredValueNome | Tipo | Descrição |
|---|---|---|
ValueChanged | EventCallback<ColumnValueBase> | Recebe ou define um callback que atualiza o valor vinculado. |
ValueChangedNome | Parâmetros | Tipo | Descrição |
|---|---|---|---|
GetValidationErrors | List<string> | Retorna uma coleção dos erros de validação atuais. |
GetValidationErrors