<< MS Chart Controls to PDF with iTextSharp using XML Template | Did you know.. How to create CSV or Text file in C#? >>

Did you know.. How to download file from web service using JavaScript or Jquery?

by Farooq Kaiser 23. February 2010 07:14

Here is our Web service in C#.

[WebMethod]

public void DownloadFile(string fileName)

{

    HttpContext returnContext = HttpContext.Current;

    string url = "http://localhost" + @"/" + fileName;

    

    FtpWebRequest ftpRequest = (FtpWebRequest)FtpWebRequest.Create(new Uri(url));

    ftpRequest.Credentials = new NetworkCredential(UserId, UserPassword);

    ftpRequest.Method = WebRequestMethods.Ftp.DownloadFile;

    

    using (FtpWebResponse ftpResponse = (FtpWebResponse)ftpRequest.GetResponse())

    {

    

        using (Stream stream = ftpResponse.GetResponseStream())

        {

    

                returnContext.Response.Clear();

                returnContext.Response.ClearHeaders();

                returnContext.Response.ClearContent();

                returnContext.Response.ContentType = "application/octet-stream";

                returnContext.Response.AddHeader("Content-Disposition", "attachment;filename=" + fileName);

    

                byte[] bytes = new byte[8192];

                int bytesRead = 0;

    

                while ((bytesRead = stream.Read(bytes, 0 , bytes.Length)) > 0 )

                {

                    returnContext.Response.OutputStream.Write(bytes, 0, bytesRead); 

                }

        }

    }

}

Here is JavaScript function using Jquery to download file.

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

  <title>Download Page</title>

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

<script type="text/javascript"> 

 function FileDownload()

 {

     var inputs ='<input type="hidden" name="fileName" value="'+ document.getElementById("fileName").value +'" />';   

     jQuery('<form action="http://localhost/DownloadService.asmx/DownloadFile" method="post">'+inputs+'</form>')

    .appendTo('body').submit().remove();

 }

</script>

</head>

<body>

File Name <br />

 <input id="fileName" name="fileName" type="text" />

 <input id="Download" type="button" onclick="return FileDownload();"  value="Download File"  />

</body>

</html>

Please feel free to leave any comments. Thanks.

Currently rated 1.5 by 2 people

Currently 1.5/5 Stars.
1
2
3
4
5

Tags:

Did you know

HTML based file upload/download to FTP server using HttpHandler in C# In this article, i will examined how to upload/download file from HTML client to FTP server using ...Did you know.. How to develop Jquery Plugin? jQuery is a lightweight cross-browser JavaScript library. It is very easy to build a plugin that c...Using C# to download and listing of files from a FTP serverToday, i'll show you how to downloading a File with...

Did you know.. How to download file from web service using JavaScript or Jquery?

Related posts

Comments