upload files in ASP.Net using hidden input file

Question

Using the idea from the article Uploading Files in ASP.net without using the FileUpload server control, I'm trying to upload a file using hidden input type="file" by using the next:

in aspx file:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script type="text/javascript">
        function uploadfile()
        {
            var ctl = document.getElementById('myFile');
            ctl.click();
        }
    </script>
</head>
<body>
    <form id="form2" runat="server" enctype="multipart/form-data">
        <input type="file" id="myFile" name="myFile" style="display:none" />
        <asp:Button runat="server" ID="btnUpload" Text="Upload" OnClientClick="uploadfile();" />
    </form>
</body>
</html>

in code file: (i just want to make sure file is retrieved)

Protected Sub btnUpload_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnUpload.Click
    Dim file As HttpPostedFile = Request.Files("myFile")
    If file Is Nothing Then Throw New IO.FileNotFoundException
End Sub

but Post-back never occur, how to solve this problem?

What does ct1.click() does.. where is ct1 declared. I think rather than calling onClientClick method you should specify your code behind function onClick event of button. — AbhiRoczz..., Jan 03 '12 at 15:11
@AbhiRoczz...: ctl.click() simulate click on the input control to open the dialog. the onclick is handled inside the code using `Handles` clause. — Muhammad, Jan 03 '12 at 15:16
ctl.click(); this will only call the click method of javascript not on the server side.. the click event of this button is not binded by any server side click handler. — AbhiRoczz..., Jan 03 '12 at 15:19
oh ok i got it.. its the file type input.. i thought its a hidden field.. apologies.. — AbhiRoczz..., Jan 03 '12 at 15:21
@AbhiRoczz...: it is binded using the `Handles` clause in `btnUpload_Click` function definition. — Muhammad, Jan 03 '12 at 15:22

upload files in ASP.Net using hidden input file

0 Answers0