Skip to main content
Referencia: "No uses firmas, taglines o saludos" (https://es.stackoverflow.com/help/behavior), correcciones menores en redacción
Origen Enlace
padaleiana
  • 3.3k
  • 13
  • 19
  • 27

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 (Enen 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.

Y el código de la Minimal API por si a alguien le sirve es el siguiente (Esteeste código funciona correctamente):

Si alguien ha podido solucionar el inconveniente, por favor que me de luces para solventar este obstáculo.

Saludos cordiales desde Panamá.

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.

Y el código de la Minimal API por si a alguien le sirve es el siguiente (Este código funciona correctamente):

Si alguien ha podido solucionar el inconveniente, por favor que me de luces para solventar este obstáculo.

Saludos cordiales desde Panamá.

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 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.

Y el código de la Minimal API por si a alguien le sirve es el siguiente (este código funciona correctamente):

Si alguien ha podido solucionar el inconveniente, por favor que me luces para solventar este obstáculo.

Origen Enlace
user221387
user221387

¿Cómo hacer un Post FormData desde Blazor WebAssembly hacia un minimal Api en .Net Core 6?

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á.