Using Chilkat FTP2 in Client-Side Javascript

Here’s an online example that demonstrates how to use the Chilkat FTP2 ActiveX in Javascript:
FTP Download in Javascript.

<script type="text/javascript"  language="javascript">
	
function ftpDownload()
{
	var ua = navigator.userAgent;
	if (ua.indexOf('Firefox') != -1) { alert("This only works in Internet Explorer"); return; }
	
	document.ftp2.UnlockComponent("Anything goes here.");
	
	document.ftp2.Hostname = document.form1.hostname.value;
	document.ftp2.Username = document.form1.username.value;
	document.ftp2.Password = document.form1.password.value;
	
	// Note: If this does not work, try using Passive mode instead
	// by uncommenting this line:
	//document.ftp2.Passive = 1;
	
	var d;
	d = document.getElementById("lastErr");
	
	var success;
	success = document.ftp2.Connect();
	if (success == 0) {
	    d.innerHTML = document.ftp2.LastErrorHtml;
	    alert("Connect Failed.");
	} else {
		success = document.ftp2.GetFile("hamlet.xml","c:/temp/hamlet.xml");
	
		if (success == 0) {
		    d.innerHTML = document.ftp2.LastErrorHtml;
		    alert("Failed.");
		} else {
		    d.innerHTML = "Download successful!";
		    alert("Success.");
		}
	}
}
	
</script>
	

The pertinent part of the HTML:

...
<form name="form1" id="f1" action="javascript:ftpDownload()" method="post">
<p style="margin-bottom: 5px;">FTP Host:<br><input name="hostname" id="hostname" value="ftp.secureftp-test.com" size="60" type="text"></p>
<p style="margin-bottom: 5px;">Login:<br><input name="username" id="username" value="test" size="60" type="text"></p>
<p style="margin-bottom: 5px;">Password:<br><input name="password" id="password" value="test" size="60" type="text"></p>
<p style="margin-bottom: 5px;">
<input id="submit" name="submit" value="GetFile" type="submit">
</p>
	
<div id="lastErr"></div>
	
<object name="ftp2" width=0 height=0
classid="clsid:302124C4-30A0-484A-9C7A-B51D5BA5306B"
standby="Loading Chilkat FTP2..."
type="application/x-oleobject"
codebase="http://www.chilkatsoft.com/download/ChilkatFtp2.cab">
</object>
...