问题标签 [blazorinputfile]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
15122 浏览

asp.net-core - Blazor 输入文件组件(文件上传)

我面临一个与用于文件上传的 Blazor 输入文件组件相关的小问题。

来源 - https://github.com/SteveSandersonMS/BlazorInputFile

我可以使用此组件成功上传和删除文件。当我上传文件时,文件名显示在组件旁边,如下面的屏幕截图所示。

在此处输入图像描述

当我删除文件时,文件被成功删除,但文件名仍显示在组件旁边。

我希望在删除文件后删除文件名。我尝试了几个选项,但没有运气示例 StateHasChanged();

是否可以只刷新特定组件?如何 ?

任何人都可以帮助解决这个问题。(我不想用javascript来实现解决方案)

0 投票
3 回答
1371 浏览

c# - Blazor UI 在内存文件上传期间挂起

我正在开发一个简单的 blazor 应用程序,它接收文件上传并存储它。我正在使用 BlazorInputFile,但我无法弄清楚为什么将流复制到 MemoryStream 会导致浏览器冻结。

此博客文章中解释了如何使用(以及如何实现)BlazorInputFile的详细信息:在 Blazor 中上传文件

示例项目/repo:https://github.com/paulallington/BlazorInputFileIssue (这只是默认的 Blazor 应用程序,BlazorInputFile 按照文章实现)

0 投票
1 回答
318 浏览

c# - 从`BlazorInputFile.IFileStream`获取`byte []`的最简单方法是什么

我有一个文件,用户将使用BlazorInputFile在他们的浏览器中选择,如Steve Sanderson所述。

选择后,我想使用 计算文件的校验和System.Security.Cryptography.MD5,类似于计算文件的 MD5 校验和的答案中描述的内容

System.NotSupportedException但是,当我尝试这个时遇到一个:

一些异常细节是:

我知道这ComputeHash()需要一个数组byte。到目前为止,我尝试将 BlazorInputFile 的流转换为熟悉的类型,或者使用自己的方法将字节读取到数组中FileStream,但没有成功。

0 投票
1 回答
2701 浏览

blazor - 未处理的异常呈现组件:在“窗口”中找不到“BlazorInputFile”

我创建了一个默认的 Blazor WebAssembly 应用程序来测试 BlazorInputFile 组件。

每当我启动应用程序时,如果我转到仅使用上传文件选项创建的简单页面,我就会收到以下错误消息。但是,如果我只是刷新页面,错误就会消失并且不会再次出现。

Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer [100] 未处理的异常呈现组件:在“窗口”中找不到“BlazorInputFile”。p/<@https://localhost:5003/_framework/blazor.webassembly.js:1:9130

我按照本文推荐的步骤操作: https ://www.mikesdotnetting.com/article/341/uploading-files-in-blazor

  1. 在客户端项目中:Install-Package BlazorInputFile -Version 0.2.0
  2. 添加<script src="_content/BlazorInputFile/inputfile.js"></script>index.html
  3. 在 _Imports.razor 中添加“@using System.IO”和“@using BlazorInputFile”

此错误仅在我使用 Firefox 浏览器时出现,如果我使用 Microsoft Edge,则不会出现此错误。

我创建的页面很简单:

0 投票
1 回答
401 浏览

blazorinputfile - 如何在 Blazor Web 程序集中获取 BlazorInputFile 的完整目录路径

团队,

我有一个 blazor web 程序集应用程序,它上传文件并稍后处理。但是,我想知道它在机器中选择的文件的基本路径。我的代码如下。有谁知道获取文件路径,例如“C:\myfile.txt”。

使用 File 对象,我无法获得完整路径,我只能访问它的内存流。

0 投票
2 回答
608 浏览

c# - 没有 ID 为 1 的文件。文件列表可能已更改 Blazor

当我尝试从列表上传文件时,出现此错误

“错误:没有 ID 为 1 的文件。文件列表可能已更改”

当我附加一个文件时它可以工作,但是当列表有多个文件时,我收到错误

我用来发送的电话是

调用函数

被调用函数

0 投票
1 回答
3083 浏览

asp.net-core - 我可以用另一个元素替换 Blazor 的 InputFile 组件显示的按钮吗?

我正在使用该元素将图像文件上传到我托管的 Blazor WASM 站点。该组件呈现一个带有“选择文件”字样的按钮。

我想用图像(或我自己的文本或其他任何内容)替换此按钮。我尝试使用 CSS 将背景图像设置为我想要使用的图像的 URL,并将按钮的背景颜色设置为“透明”,但这似乎并没有改变任何东西。

0 投票
1 回答
196 浏览

c# - Blazor 文件上传设置 pdf 大小

我正在使用 pdf 文件上传器构建 Blazor 应用程序。目前它允许在 iframe 中上传和显示大约 1.5 MB。但是任何更大的文件(最大约 5 MB)和文件已上传但 iframe 无法呈现。

我使用带有一些 SQL 查询的 BlazorInputFile 构建它来处理文件的 CRUD 操作。

我的问题是,有没有办法设置/增加大小以上传更大的文件(大约 20MB)以及呈现它们以供查看?

任何帮助或建议将不胜感激。

0 投票
1 回答
152 浏览

blazor - 布雷泽从 .Net Core 3.1 升级到 .Net 5 后显示无效语法错误

我将 .Net Core 3.1 上的 peoject 升级到 .Net 5,一切顺利,包括引用包的更新。我面临的唯一挑战是,在我有 Blazor InputFile 标记的每个组件上,都会出现语法错误,突出显示整个输入文件标记。

我在网上搜索,但似乎没有任何线索。

0 投票
2 回答
1777 浏览

c# - 带有 Blazor InputFile 组件的“无法读取属性 '_blazorFilesById' 的空错误”

我已经开始从我的 Blazor WebAssembly 应用程序中收到此错误:

“无法读取属性 '_blazorFilesById' 的 null 错误”与 Blazor 应用程序

我假设这与我正在使用的组件有关,该InputFile 组件运行良好。

我试过重新启动 VS,清理和重建,重新启动 IIS 并杀死 Chrome 都无济于事。这可能是什么原因造成的?