HTML Form FTP Client Sample Source Code
Network Component provides an easy-to-use development interface to a variety of IP protocols. By using Network Component, you can very easily create or enhance applications with network features.
Network Component features the following: DNS, FTP, HTTP, HTTPs, ICMP Ping, IP-to-Country, MSN, NTP, RSH, SCP, SFTP, SNMP v1/v2c (Get, GetNext, Set), SNMP Traps, SNMP MIB, SSH, TCP, Telnet, TFTP, UDP, Telnet, Wake-On-LAN and more.
Network Component can be well integrated into any development platform that supports ActiveX objects.
This document describes how the Network Component FtpServer object can be integrated into your projects.
The most important functions of the FtpServer object are:
- Connect - connect to the (remote) FTP server on port 21 or any alternate port;
- Disconnect - to diconnect after a connect call;
- GetCurrentDir - retrieve the current directory;
- ChangeDir - change the current directory;
- CreateDir - create a new directory;
- RenameDir - rename a directory;
- DeleteDir - delete a directory;
- FindFile - find a specific file in the current directory;
- FindFirstFile - iterate over all files in the current directory; find the first file;
- FindNextFile - iterate over all files in the current directory; find the next file;
- RenameFile - rename a file in the current directory;
- DeleteFile - delete a file in the current directory;
- GetFile - get (download) a file, either using binary transfer or ASCII transfer;
- PutFile - put (upload) a file, either using binary transfer or ASCII transfer;
Step 1: Download and install the Network Component
Download Network Component from the ActiveXperts Download Site and start the installation. The installation guides you through the installation process.
When using HTML, there are two ways to install the Network Component on a client PC:
- Automatically using HTML code;
- Using the Network Component InstallShield installation.
Automatic installation using HTML code
You can install the Network Component automatically using the following HTML code on top of the HTML page:
<head> <object codebase="https://www.activexperts.com/files/network-component/3.1/AxNetwork32.cab" classid="CLSID:B52B14BA-244B-4006-86E0-2923CB69D881" ></object> </head>
The Network Component will be installated automatically. The user will be asked to confirm the installation, because the DLL is coming from an untrusted site (www.activexperts.com).
There are two ways to avoid prompting:
- Add the ActiveX/COM location to the user's trusted sites. You can manage trusted manually (by using the Internet Explorer), through a logon script (by appyling the registry change from the logon script) or by using Active Directory Group Policies;
- OR use a trusted location for the DLL. For instance your Intranet site, because most probably this site has already been added to the list of trusted sites for all users.
Manual installation using the Network Component installation procedure
On each client PC, download the Network Component from the ActiveXperts Download Site and start the installation. The installation guides you through the installation process.
Step 2: Create the Network Component object in HTML
You must use Javascript to declare and create the object:
Use the following Javascript code to declare and create the object:
var objFtpServer; objFtpServer = new ActiveXObject ( "ActiveXperts.FtpServer" );
Appendix: Full source code
<object codebase="https://www.activexperts.com/files/network-component/cab/4.4/axnetwork32.cab" classid="CLSID:B52B14BA-244B-4006-86E0-2923CB69D881" style="visibility: hidden;"></object> <html> <head> <title>ActiveXperts Network Component Sample - FTP</title> <style> .clbody { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; font-weight:normal; } .clfooter { font-family:Verdana; font-size:7pt; font-weight:normal; } h1, .h1 { width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; } hr, .hr { color:#b0b0b0; } </style> <script language="JavaScript" type="text/javascript"> <!-- var objFtpServer = new ActiveXObject("AxNetwork.FtpServer"); function getInfo() { document.getElementById("fldAxNetworkInfo").innerHTML = "Build: " + objFtpServer.Build + "; Module: " + objFtpServer.Module } function getServerResponse() { var objForm = document.forms["AXForm"]; var numLastError = 0; var strLastError = ""; var strResponse = ""; if( objForm.CTL_PASV.checked == true ) { objFtpServer.PassiveMode = true; } else { objFtpServer.PassiveMode = false; } objFtpServer.HostPort = objForm.CTL_PORT.value; // objFtpServer.LogFile = "c:\ftp.log" // Optional: set LogFile property for troubleshooting purposes objFtpServer.Connect( objForm.CTL_HOST.value, objForm.CTL_FTPACCOUNT.value, objForm.CTL_FTPPASSWORD.value ); numLastError = objFtpServer.LastError; if( numLastError == 0 ) { strResponse = objFtpServer.LastResponse; if( objForm.CTL_DIR.value != "" ) { objFtpServer.ChangeDir( objForm.CTL_DIR.value ); numLastError = objFtpServer.LastError; if( numLastError == 0 ) { strResponse = strResponse + "\n" + objFtpServer.LastResponse; } } objFtpServer.Disconnect(); } objForm.CTL_RESULT.value = numLastError + ": " + objFtpServer.GetErrorDescription( numLastError ); objForm.CTL_RESPONSE.value = strResponse; strLastError = objFtpServer.GetErrorDescription( numLastError ); } //--> </script> </head> <body onload="getInfo()"> <h1>ActiveXperts Network Component Sample - FTP</h1> <hr size="1"> <form name="AXForm"> <table class ="clbody"> <tr> <td valign="top">Component:</td> <td valign="top"><span id="fldAxNetworkInfo"></span></td> </tr> <tr> <td valign="top">FTP Server:</td> <td valign="top"> <input style="width: 350px" type="text" name="CTL_HOST" value="ftp.activexperts-lab.com"> :<input style="width: 50px" type="text" name="CTL_PORT" value="21"> <input type="checkbox" name="CTL_PASV" value="actv"> PASV </td> </tr> <tr> <td valign="top">FTP Account:</td> <td valign="top"><input style="width: 500px" type="text" name="CTL_FTPACCOUNT" value="anonymous"></td> </tr> <tr> <td valign="top">FTP Password:</td> <td valign="top"><input style="width: 500px" type="password" name="CTL_FTPPASSWORD" value="me@myself.dom"></td> </tr> <tr> <td valign="top">Change directory:</td> <td valign="top"><input style="width: 500px" type="text" name="CTL_DIR" value="/samples/network-component"></td> </tr> <tr> <td valign="top"> </td> <td valign="top"><input size="25" type="button" onclick="getServerResponse()" value="Connect" name="CTL_SUBMIT" style="height: 23px; width: 500px"></td> </tr> <tr> <td valign="top"> </td> <td valign="top"> </td> </tr> <tr> <td valign="top">Result code:</td> <td valign="top"><input type="text" name="CTL_RESULT" disabled="true" style="border: 0px; width:500px;"></td> </tr> <tr> <td valign="top">Response:</td> <td valign="top"><textarea style="width: 500px" name="CTL_RESPONSE" rows="10" cols="60"></textarea></td> </tr> </table> <br> <br> </form> <hr size="1"> <div> This sample is based on ActiveXperts Network Component, an <a target="_blank" href="https://www.activexperts.com">ActiveXperts Software</a> product.<br> <a href="../Index.htm">Click here</a> to return to the HTML sample menu page.<br> </div> </body> </html>
You can download the complete samples here. There are many other working Network Component scripts on our site and shipped with the product.