How fill TexBox by filepath from FileUpload control

Alexander Dracka

13y12.1k.NET

Hello i got hidden FileUpload control, textBox where i wanna write url adrres or! filepath to some file, and button for call FileUpload. My problem is that I need instantly after user checks in fileupload control some file and close popup window, fill TextBox with filepaths of that file. I know how show filepath but i need do it automatically and that trap for me. Here is what i got so far. Last piece of code is how i got filepath but I need that user use FileUpload

protected void Page_Load(object sender, EventArgs e)
{
  btnFileUpload.Attributes.Add(
    "onclick",
    "document.getElementById('" + FileUpload2.ClientID + "').click();");  
}

 class="ViewContent">
   ID="FileUpload2" runat="server" Width="317px" style="display: none"/>
   id="btnFileUpload" type="button" value="Add" runat="server" style="width: 70px" />
     ID="TextBox2" runat="server" Width="310px"/>

if (FileUpload2.PostedFile != null)
{
  TextBox2.Text = System.IO.Path.GetFullPath(FileUpload2.PostedFile.FileName);
}

10 Replies

Know the answer? Post it — somebody with the same question will find it here.

Alexander Dracka13y ago
OK so i found an answer. I cant get full filepath for security issues. But here is a realy smart jquery function to show after Click name of file by TextBox
Iftikar Hussain13y ago
ok. Let me know if you need anything else

Regards,
Iftikar
Alexander Dracka13y ago
i dont think so that problem can be in display:none. I tried it but without progress. But i agree that this method is good Thank you i Will try it in clean page and we will see. Cause whenn i tried simpler alert function in onchange event aler was fire.
Iftikar Hussain13y ago
since you set display:none, therefore onchange event was not fired. You need to set opacity value and onchange event will fire

cssclass="fileUpload" onchange="javascript:SetFilePath();"/>

function SetFilePath()
{
var filePath = document.getElementById("FileUpload2").value;
document.getElementById("TextBox2").value=filePath;
}

Regards,
Iftikar
Alexander Dracka13y ago
maybe you dont understand my problem. I need save filepath from FileUpload control to my TextBox. I need something like this code but dont work:
function Test() {
var fu1 = document.getElementById("FileUpload2"); document.getElementById("TextBox2").value = fu1.value; }
Iftikar Hussain13y ago
try like this
in .css

.fileUpload
{
position: absolute;
top: 0px;
left: 0px;
opacity: -10;
filter: alpha(opacity=-10);
width: 100px;
height: 20px;
}

fileUpload"/>

Regards,
Iftikar
Alexander Dracka13y ago
yes and in this method I need put the filepath into TextBox
Iftikar Hussain13y ago
you want to call javascript method after selecting the file?
Alexander Dracka13y ago
well i do correct path but I dont know how call this code. I need call it onchange evetn of FileUpload but somthing dont work properly. i got thisFileUploader but dont calls Metoda
<asp:FileUpload ID="FileUpload2" runat="server" Width="317px"

style="display: none" onchange="Metoda"/>
Iftikar Hussain13y ago
Hi,
I bit confuse about your query. By using the above code you are not getting complete path in your textbox?

Regards,
Iftikar