Can a browse for file html button be done with javascript?

[decibel]

Hi, I have a site that has custom button images. I have file uploads, and I would like the browse button to be an image also, but I am not aware of the javascript for browsing my local machine for a file, does anyone know this, thanks in advance.

I want to replace this, with an image:
<input type='file' name='image_file' />

[johneboy]

dunno if this will work in anything other then IE, but

<input type=file id=upFile onchange=document.getElementById('fileTxt').value=this.value style=display:none>
<input type=text id=fileTxt size=25><img src=button.gif onclick=document.getElementById('upFile').click()>

[CrazyMerlin]

try:

<input type='file' name='image_file' style='background:url(imagelocationhere);'>

you cannot use javascript to browse a users system, that takes server-side language or an activeX call to FileSystemObject.

[decibel]

thanks, i wanted to try to avoid background images, but if its the only way, guess i have too, thanks again.

[sunnweb]

I hope this answers your question:

<form action="file:///x|/" target="_blank"><input type="submit" value="Software">
</form>


The only way I got it to work is using the exact code above replacing the "x" with your drive letter, don't forget to have the pipe (|) symbol directly after the drive letter.

If you are using it to browse another server/ computer on your network simply map a drive to the machine's drive letter from your local computer.

~Johnny (Straws) Y2k06

[felgall]

That will link to a file on your visitor's computer that probably wont exist resulting in a broken link.