asp.net - 如何更改 FileUpload 控件 (System.Web.UI.WebControls) 中浏览按钮的文本

Question

我想更改 FileUpload 控件 (System.Web.UI.WebControls) 中浏览按钮的文本，而不是我想使用的 [Browse...] 文本 [...]

Answer 1

这是旧的，但想提供另一种解决方案。您可以在标准 HTML 超链接上使用 jQuery，并asp:FileUpload在单击 HREF 时触发。只需在设计时隐藏 asp:FileUpload 并以您喜欢的任何方式修改 href。

关联

<a href="#" id="lnkAttachSOW">Attach File</a>

asp:文件上传

<asp:FileUpload ID="fuSOW" runat="server" style="visibility:hidden;"/>

然后是 jQuery：

$("#lnkAttachSOW").click(function () {
    $("#fuSOW").click();
});

Answer 2

出于安全目的，这在技术上是不可能的，因此不会误导用户。

然而，有一些变通方法，尽管这些需要使用原始 HTML 而不是 .NET 服务器控件 - 请查看http://www.quirksmode.org/dom/inputfile.html示例。

Answer 3

这就是我在 .NET 中使用 AsynchFileUpload 和 JavaScript 的方式...

<asp:Button ID="bUploadPicture" runat="server" Text="Upload Picture"
    OnClientClick="document.getElementById('<%=tFileUpload1.ClientID%>')
        .click();return (false);" />

<div style="display:none;visibility:hidden;">
     <asp:AsyncFileUpload ID="tFileUpload1" runat="server" 
        OnUploadedComplete="tFileUpload1_UploadedComplete" />
</div>

Answer 4

一些第三方工具提供此选项。例如，我们使用 Telerik Upload 控件：

更改浏览/选择按钮的文本

Rad Upload 控件示例

Answer 5

您可以使用另一个按钮和 java 脚本来触发上传浏览按钮，检查这个可爱而简单的解决方案 How to change Text in FileUpload control

希望这有帮助。