21

I want to change the Text of the browse button in the FileUpload Control (System.Web.UI.WebControls), instead of the [Browse...] text I want to use [...]

Community
  • 1
  • 1

5 Answers5

12

This is old, but wanted to offer another solution. You can use jQuery on a standard HTML hyperlink and fire asp:FileUpload on click of the HREF. Just hide the asp:FileUpload at design and doctor the href any way you'd like.

Link

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

asp:FileUpload

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

Then the jQuery:

$("#lnkAttachSOW").click(function () {
    $("#fuSOW").click();
});
Community
  • 1
  • 1
BonDini
  • 121
  • 1
  • 4
  • 1
    Tried this. It opens the file dialog box, but it does not save the file in the FileUpload control, so FileUpload.HasFile is always false. – Rani Radcliff Jun 21 '19 at 19:31
9

This isn't technically possible for security purposes, so the user cannot be misled.

However, there are a couple of workarounds, although these require working with the raw HTML rather than the .NET server control - take a look at http://www.quirksmode.org/dom/inputfile.html for one example.

Luke Bennett
  • 32,256
  • 3
  • 29
  • 56
2

This was how I did it in .NET using AsynchFileUpload and 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>
DavidG
  • 104,599
  • 10
  • 205
  • 202
Dr. Aaron Dishno
  • 1,699
  • 1
  • 26
  • 23
0

You could use another button and java script to trigger upload browse button, Check this cute and simple solution How to change Text in FileUpload control

Hope this help.

QMaster
  • 3,518
  • 3
  • 40
  • 55
0

Some third party tools provide this option. For example, we use the Telerik Upload control:

Changing the text of the Browse/select button

Example of Rad Upload control

Billy Coover
  • 3,827
  • 5
  • 35
  • 49