Radzen File Input Not Working in Blazor

Radzen.Blazor Components
1

I have a Blazor Web Assembly Hosted solution (.net 6 ) running the newest version 5.1.3.

On my component i am using a Radzen File Input to upload an image.

This has worked for years until within the last month or so. When I click the choose button it launces the file selector correctly, however, when the image is selected nothing happens.

image

Normally I would see the image but in this case nothing is there. When I save, the bound property Recipe.Photo is null.

Can anyone help me out as to why this just stopped working

2

Check your source code history what's changed for the last month. The only change in the last month from our side is just a CSS class name for 5.0 version:

image
image1920×1080 144 KB

3

Nothing changed on my side as the last time i pushed any code to my live site was 6 months ago. Its happening on my live site which is running 4.22.0. I tested it locally with a new branch i am working on (was running 4.22.0 and it didnt work locally either) then I upgraded it to 5.1.3 and still same issue

4

I'm afraid I cannot help much with just this information - it works normally in our demos and we haven't received any reports about problems:

5

Ahh ok so I tried the photo that I was attempting to load on the website demo and the console log showed Unable to read file as base64 string. File to large

6

You might need to extend the Blazor WebSocket buffer:

7

Thanks. I am looking into how to do that on my version of Blazor. My server program.cs looks like this

public class Program
{
public static void Main(string args)
{
var configuration = new ConfigurationBuilder()
.SetBasePath(Directory.GetCurrentDirectory())
.AddJsonFile("appsettings.json")
.Build();

     Log.Logger = new LoggerConfiguration()
         .ReadFrom.Configuration(configuration)
         .Enrich.WithProperty("InstanceId", Guid.NewGuid())
         .Enrich.WithProperty("Origin", "Server")
         .CreateLogger();

     try
     {
         Log.Information("Starting up");
         CreateHostBuilder(args).Build().Run();
     }
     catch (Exception ex)
     {
         Log.Fatal(ex, "Application start-up failed");
     }
     finally
     {
         Log.CloseAndFlush();
     }

 }

 public static IHostBuilder CreateHostBuilder(string[] args) =>
     Host.CreateDefaultBuilder(args)
         .UseSerilog()
         .ConfigureWebHostDefaults(webBuilder =>
         {
             webBuilder.UseStartup<Startup>();
         });

}

8

This is still an issue for me. I am using this File Input on a Blazor WebAssembly Hosted solution so there is not a WebSocket buffer. How can i upload larger image sizes

9

I suggest using RadzenFileUpload instead.