Trouble uploading files via web project to apiservice in .net aspire starter app template

[markat1]

I want to upload multiple files from the .web project to apiservice in the aspire start app template.

Right now I'm stuck, because I either get either null or empty IEnumerable<IFormFile> or I get

StatusCode: 415, ReasonPhrase: 'Unsupported Media Type', Version: 1.1, Content: System.Net.Http.HttpConnectionResponseContent

I followed blazor upload file guide

Here's the code part for uploading from the web frontend.

program.cs

builder.Services.AddHttpClient<UploadTestClient>(client =>
    client.BaseAddress = new Uri("http://apiservice/"));

UploadTestClient.cs

public class UploadTestClient(HttpClient http)
{

     public async Task FileUploads(MultipartFormDataContent? request)
    {

        var httpRequest = new HttpRequestMessage(HttpMethod.Post, "api/filesave")
        { 
            Content = JsonContent.Create(request),
        };

        var response = await http.SendAsync(httpRequest);
    }

}

Pages/UploadAssistant.razor

<InputFile name="files" OnChange="OnInputFileChange" multiple />

Pages/UploadAssistant.razor.cs

 private async Task OnInputFileChange(InputFileChangeEventArgs e)
 {
     shouldRender = false;
     int maxFileSize = 10000024 * 15;
     var upload = false;

     using var content = new MultipartFormDataContent();

     foreach (var file in e.GetMultipleFiles(maxAllowedFiles))
     {
         if (uploadResults.SingleOrDefault(
             f => f.FileName == file.Name) is null)
         {
             try
             {
                 files.Add(new() { Name = file.Name });

                 var stream = new LazyBrowserFileStream(file, maxFileSize);
                 var fileContent = new StreamContent(stream);

                 fileContent.Headers.ContentType = new MediaTypeHeaderValue(file.ContentType);

                 content.Add(
                     content: fileContent,
                     name: "\"files\"",
                     fileName: file.Name);

                 upload = true;

                 files.Add(new() { Name = file.Name });


             }
             catch (Exception ex)
             {


                 uploadResults.Add(
                     new()
                     {
                         FileName = file.Name,
                         ErrorCode = 6,
                         Uploaded = false
                     });
             }
         }
     }

     if (upload)
     {

         var response = await Backend.FileUploads(content);
     }


 }

From the apiservice -

app.MapPost("api/filesave", PostFile).DisableAntiforgery();

 public static void PostFile([FromForm] IEnumerable<IFormFile> files, IHostEnvironment env)
 {
     var t = files;
 }

Here's the issues from panel:

here the issue is - StatusCode: 415, ReasonPhrase: 'Unsupported Media Type', Version: 1.1, Content: System.Net.Http.HttpConnectionResponseContent

But I I remove json part of the request, I get the following that files is null:

here's the request code:

  public async Task FileUploads(MultipartFormDataContent? request)
  {

      var httpRequest = new HttpRequestMessage(HttpMethod.Post, "api/filesave")
      {
          //Content = JsonContent.Create(request),
          Content = request,
      };

      var response = await http.SendAsync(httpRequest);
  }

[markat1]

hmm it might not be aspire after all - seems like it's missing a anti-forgery token. I still have to figure out how I do that.

following example doesn't work in for blazor antiforgery-support

[markat1]

okay hmm this might be something I can work with getting a token back, that I might be able to use for my request? but is it good practice? hmm

[markat1]

nevermind - I'm just using a good old controller - then binding works - I guess I just can't figure out making it work with minimal apis