file upload and communication HTML to Javascript

davidinparis · Apr 10, 2007

Good morning.

I am developing a Yahoo like e-mail processor and have a problem in selecting the names of attachment files. I want the processing of the files attached to be handled entirely withing Javascript.

I can open the Windows file select window using the following code:

<body>
<script language="javascript">
function browsefiles(elementname)
{
document.getElementById(elementname).click();
}
function filename(elementname)
{
// application code
}
</script>
<input type="button" id="myFile" value= "select" name="myFile" onclick="browsefiles('thefile');">
<input type="file" style='display:none;' id="thefile" value= "choose" name="fileselected" >
</body>

but can find no means of transmitting the file name and path back to the code in filename. Could someone assist?

This code does not seem to function in either Firefox or in Opera. Any suggestions.

Many thanks in advance.

David.

kaht · Apr 10, 2007

Any suggestions

The click method is not inherent in firefox (or opera either I'm guessing). Add this to your page to override the method and make it work for multiple browsers:

Code:

HTMLElement.prototype.click = function() {
   var evt = this.ownerDocument.createEvent('MouseEvents');
   evt.initMouseEvent('click', true, true, this.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
   this.dispatchEvent(evt);
};

-kaht

Looking for a puppy?

http://www.silkypups.com

[small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

file upload and communication HTML to Javascript

davidinparis

Programmer

kaht

Programmer

Similar threads

Part and Inventory Search

Sponsor