Hi i am learning blazor and am stuck in some point.I have an edit form having functionality to add multiple image for a record.How can i merge list of images and other data as a single paylod. i have rough code with me but dont know how to create a model for these two list.i will have add/remove selected image also in future
onfilechange for multuiple images
private async Task OnFilesChanged(InputFileChangeEventArgs e)
{
var maxAllowedFiles = 3000;
var format = "image/png";
foreach (var imageFile in e.GetMultipleFiles(maxAllowedFiles))
{
var resizedImageFile = await imageFile.RequestImageFileAsync(format,
100, 100);
var buffer = new byte[resizedImageFile.Size];
await resizedImageFile.OpenReadStream().ReadAsync(buffer);
var imageDataUrl =
$"data:{format};base64,{Convert.ToBase64String(buffer)}";
Medias.Add(new MediaVariantUI
{
Content = buffer,
ImageDataUrl = imageDataUrl,
ContentType = imageFile.ContentType,
Name = imageFile.Name,
Size = imageFile.Size,
});
}
}
below is edit form using mudblazor
Upload Images
how i can get one single paylos in HandleSubmit methode? how can i create a model class for these?
Aman GuptaPosted Jan 8, 2023, 4:31 PM
Hi Sabeesh,
Please find your query answer here in this link.
https://www.codeproject.com/Questions/5351441/How-to-save-an-edit-form-with-multiple-images-in-b