Hola comunidad StackOverFlow en español!
Actualmente me encuentro en el desarrollo de un sistema para practicar Blazor webassembly y a su vez utilizar APIs desarrolladas como Minimal desde otro proyecto. El hecho es que me encuentro con un obstáculo el cual he realizado re-search y no logro encontrar una solución y el mismo es que enviar archivos (En mi caso imagenes) hacia la minimal api. La Minimal API como tal, funciona de forma excelente desde el Postman, pero no encuentro una manera para desde Blazor enviar ese archivo y sea recibido por mi Minimal API de forma correcta.
En Blazor tengo el siguiente código:
<h1>Blazor Server File Upload</h1>
<InputFile OnChange="@UploadFile" />
@if (ImgUrl != null)
{
<div>
<img src="@ImgUrl" style="width:100px" />
</div>
}
@code {
private IWebHostBuilder _env;
private string ImgUrl;
private async Task UploadFile(InputFileChangeEventArgs e)
{
try
{
var pathToSave = Path.Combine(e.File.Name);
await using FileStream fs = new(pathToSave, FileMode.Create);
await e.File.OpenReadStream().CopyToAsync(fs);
ImgUrl = Path.Combine(e.File.Name);
//Http.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json")); ;
//var response = await Http.PostAsJsonAsync("http://localhost:7220/uploadphoto/", fs.Name);
var response = await Http.Post<SaveFile>("http://localhost:7220/uploadphoto2/", pathToSave);
Snackbar.Add(response.ToString(), Severity.Error);
}
catch (Exception ex)
{
Snackbar.Add(ex.Message, Severity.Warning);
}
}
}
Y el código de la Minimal API por si a alguien le sirve es el
siguiente (Este código funciona correctamente):
app.MapPost("/uploadphoto", async (DbContextMaster db, HttpResponse response, HttpRequest request) =>
{
if (!request.Form.Files.Any())
{
await response.WriteAsJsonAsync(new { data = new { message = $"Status Code 500, Internal server error" }, File = "", Size = "", Fullpath = "" });
return;
}
else
{
try
{
var folderName = Path.Combine("upload");
var pathToSave = Path.Combine(Directory.GetCurrentDirectory(), folderName);
foreach (var file in request.Form.Files)
{
var fileName = ContentDispositionHeaderValue.Parse(file.ContentDisposition).FileName.Trim('"');
var fullPath = Path.Combine(pathToSave, fileName);
using (var stream = new FileStream(fullPath, FileMode.Create))
{
file.CopyTo(stream);
await response.WriteAsJsonAsync(new { data = new { message = $"File is uploaded Successfully" }, File = file.FileName, Size = file.Length, Fullpath = fullPath });
return;
}
}
}
catch (Exception ex)
{
await response.WriteAsJsonAsync(new { data = new { message = $"Status Code 500, Internal server error" }, File = "", Size = "", Fullpath = "" });
return;
}
}
})
.WithName("UploadPhoto").WithTags("Uploads");
Si alguien ha podido solucionar el inconveniente, por favor que me de luces para solventar este obstáculo.
Saludos cordiales desde Panamá.