BlazorWebAssembly在IIS上托管时,使用文件上传组件时不会触发AJAX进度。
创始人
2024-12-22 01:00:12
0

1.在Blazor WebAssembly应用程序中添加以下代码,以便允许AJAX进度触发:

builder.Services.Configure(options =>
{
    options.AllowSynchronousIO = true;
}); 

2.在文件上传组件的OnInitializedAsync方法中添加以下代码,以便在上传进度发生更改时触发进度事件:

protected async override Task OnInitializedAsync()
{
    HttpContent content = new MultipartFormDataContent();
    content.Add(new StreamContent(_file.OpenReadStream()),
                "file",
                _file.Name);
    var response = await _httpClient.PostAsync("api/FileUpload", content);
    response.EnsureSuccessStatusCode();

    var stream = await response.Content.ReadAsStreamAsync();
    var result = await JsonSerializer.DeserializeAsync(stream);
    Progress.Report(100);
}

3.对于AJAX进度事件的处理,添加以下代码以显示进度:

var percentage = e.loaded / e.total * 100;
jsRuntime.InvokeAsync("updateProgress", percentage);

4.在Blazor WebAssembly应用程序的主页中添加以下JavaScript代码,以便在页面中显示进度:


5.在页面中添加以下HTML代码,以便显示进度条:

0%

注意:以上示例中的文件上传组件和进度条示例是仅供参考的示例代码,可能需要根据实际需要进行修改。

相关内容

热门资讯

透视工具!wepoker有透视... 透视工具!wepoker有透视吗,来玩app破解,玩家教你(有挂攻略)-哔哩哔哩1、wepoker有...
透视美元局!wpk模拟器多开,... 透视美元局!wpk模拟器多开,德普之星透视辅助软件,2025教程(有挂详细)-哔哩哔哩1、这是跨平台...
透视辅助!hhpoker买挂,... 透视辅助!hhpoker买挂,wpk软件是正规的吗,教你教程(真实有挂)-哔哩哔哩1、wpk软件是正...
透视了解!大菠萝免费辅助,po... 透视了解!大菠萝免费辅助,pokemmo脚本辅助下载,必赢方法(有挂透视)-哔哩哔哩小薇(透视辅助)...
透视美元局!wepoker私人... 透视美元局!wepoker私人局俱乐部辅助,we poker辅助器,靠谱教程(有挂方略)-哔哩哔哩1...
透视免费!wepoker有没有... 透视免费!wepoker有没有透视方法,wejoker辅助机器人,2025新版总结(有挂规律)-哔哩...
透视ai!德普之星透视辅助软件... 透视ai!德普之星透视辅助软件下载,wepoker怎么提高运气,技巧教程(发现有挂)-哔哩哔哩1、完...
透视新版!hhpoker到底可... 透视新版!hhpoker到底可以作弊码,hhpoker辅助挂下载,AI教程(今日头条)-哔哩哔哩1、...
透视游戏!wpk是真的还是假的... 透视游戏!wpk是真的还是假的,德普之星辅助工具如何打开,详细教程(有挂工具)-哔哩哔哩1、德普之星...
透视透视!aapoker怎么提... 透视透视!aapoker怎么提高中牌率,wepoker辅助透视,玩家教程(有挂细节)-哔哩哔哩1)a...