Upload Component report HTTP 405 error #1694

New Issue

claunia · 2026-01-29T17:57:23Z

claunia commented

2026-01-29 17:57:23 +00:00

Originally created by @geextudio on GitHub (Mar 30, 2025).

Describe the bug
Upload Component report HTTP 405 error (Method not allowed) after choosing a file.

To Reproduce
Steps to reproduce the behavior:

I add an upload component as the demo code from the official site of Radzen blazor in my razor page as following:

@rendermode InteractiveServer

<RadzenContent Container="main">
    <RadzenCard Variant="Variant.Outlined">
        <RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.H3">Single file upload</RadzenText>
        <RadzenUpload Url="upload/single" Accept=".txt,.sql" 
            Progress=@(args => OnProgress(args, "Single file upload")) 
            Style="width: 100%"
            InputAttributes="@(new Dictionary<string, object>() { { "aria-label", "select file" } })">
        </RadzenUpload>
    </RadzenCard>
</RadzenContent>
<EventConsole @ref=@console />

@code {
    EventConsole console;
    void OnProgress(UploadProgressArgs args, string name)
    {
        console.Log($"{args.Progress}% '{name}' / {args.Loaded} of {args.Total} bytes.");

        if (args.Progress == 100)
        {
            foreach (var file in args.Files)
            {
                console.Log($"Uploaded: {file.Name} / {file.Size} bytes");
            }
        }
    }

    void OnComplete(UploadCompleteEventArgs args)
    {
        console.Log($"Server response: {args.RawResponse}");
    }
}

Click 'Choose' button;
Check the developer tool of browser
Get the error of HTTP 405

Expected behavior
The file I choose can be uploaded correctly without HTTP 405

Screenshots

Desktop (please complete the following information):

OS: macOS
Browser: Microsoft Edge

Originally created by @geextudio on GitHub (Mar 30, 2025).  **Describe the bug** Upload Component report HTTP 405 error (Method not allowed) after choosing a file. **To Reproduce** Steps to reproduce the behavior: 1. I add an upload component as the demo code from the official site of Radzen blazor in my razor page as following: ```razor @rendermode InteractiveServer <RadzenContent Container="main"> <RadzenCard Variant="Variant.Outlined"> <RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.H3">Single file upload</RadzenText> <RadzenUpload Url="upload/single" Accept=".txt,.sql" Progress=@(args => OnProgress(args, "Single file upload")) Style="width: 100%" InputAttributes="@(new Dictionary<string, object>() { { "aria-label", "select file" } })"> </RadzenUpload> </RadzenCard> </RadzenContent> <EventConsole @ref=@console /> @code { EventConsole console; void OnProgress(UploadProgressArgs args, string name) { console.Log($"{args.Progress}% '{name}' / {args.Loaded} of {args.Total} bytes."); if (args.Progress == 100) { foreach (var file in args.Files) { console.Log($"Uploaded: {file.Name} / {file.Size} bytes"); } } } void OnComplete(UploadCompleteEventArgs args) { console.Log($"Server response: {args.RawResponse}"); } } ``` 2. Click 'Choose' button; 3. Check the developer tool of browser 4. Get the error of HTTP 405 **Expected behavior** The file I choose can be uploaded correctly without HTTP 405 **Screenshots** <img width="667" alt="Image" src="https://github.com/user-attachments/assets/71b05608-9fa3-4f00-9444-fb837a08c594" /> **Desktop (please complete the following information):** - OS: macOS - Browser: Microsoft Edge

claunia closed this issue

2026-01-29 17:57:23 +00:00

claunia commented

2026-01-29 17:57:24 +00:00

@enchev commented on GitHub (Mar 31, 2025):

You need UploadController that will handle the specified Url. Check our demos for reference.

@enchev commented on GitHub (Mar 31, 2025): You need UploadController that will handle the specified Url. Check our demos for reference.

claunia commented

2026-01-29 17:57:24 +00:00

@geextudio commented on GitHub (Mar 31, 2025):

You need UploadController that will handle the specified Url. Check our demos for reference.

I added the controller as bellow

app.MapPost("/upload/single", (IFormFile file) =>
{
    try
    {
        return Results.Ok();
    }
    catch (Exception ex)
    {
        return Results.InternalServerError(ex.Message);
    }
})

get http error 400

@enchev

@geextudio commented on GitHub (Mar 31, 2025): > You need UploadController that will handle the specified Url. Check our demos for reference. I added the controller as bellow ```C# app.MapPost("/upload/single", (IFormFile file) => { try { return Results.Ok(); } catch (Exception ex) { return Results.InternalServerError(ex.Message); } }) ``` get http error 400 <img width="436" alt="Image" src="https://github.com/user-attachments/assets/566e5e7a-04b6-4839-b902-f82a05133c3a" /> @enchev

claunia referenced this issue

2026-01-29 18:20:48 +00:00

[PR #1694] [MERGED] Add utility css classes for display, overflow, sizing and borders. Resolves #1657 #2862

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1694