How to send additional attributes with the upload control

Thomas_Adrian · October 2, 2024, 7:45am

I am trying to send additional attributes with the upload control. but my controller does not pick up the ActNo

 <RadzenUpload Icon="upload"
               ChooseText=""
               Url="upload/file"
               Progress=@(args => OnProgress(args, "uploadfile"))
               Style="width: 100%"
               InputAttributes="@(new Dictionary<string, object>() { { "ActNo", $"{actor.ActNo}" }})">
 </RadzenUpload>

 public async Task<IActionResult> UploadFile([FromForm] IFormFile file, [FromForm] int ActNo)
 {

     if (ActNo == 0) {
         throw new ArgumentException("Actor cannot be 0");
     }
}

any ideas how to achieve this?

enchev · October 2, 2024, 7:48am

There is a demo showing exactly this and it’s not using InputAttributes.

Thomas_Adrian · October 2, 2024, 8:34am

I guess you need this, but it does not explain how to pick it up in the controller

    <RadzenUpload Multiple="true" Accept="image/*" Url=@($"upload/{customParameter}") Progress=@(args => OnProgress(args, "Upload with additional parameter")) Style="width: 100%" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "select file" }})" />

enchev · October 2, 2024, 8:37am

You can check and debug the code of the upload controller if you run the demos locally:

github.com

radzenhq/radzen-blazor/blob/master/RadzenBlazorDemos.Host/Controllers/UploadController.cs#L95


      
                  // Put your code here
                  return StatusCode(200);
              }
              catch (Exception ex)
              {
                  return StatusCode(500, ex.Message);
              }
          }
          
          [HttpPost("upload/{id}")]
          public IActionResult Post(IFormFile[] files, int id)
          {
              try
              {
                  // Put your code here
                  return StatusCode(200);
              }
              catch (Exception ex)
              {
                  return StatusCode(500, ex.Message);
              }

Thomas_Adrian · October 2, 2024, 9:04am

can you make out anything from this?

Thomas_Adrian · October 2, 2024, 10:09am

if I removed the "multiple" prop the upload worked

mumfie · October 3, 2024, 7:24am

You need to ensure the controller action file parameter type and name match.