upload file

#1
leeyo

Posted 19 July 2010 - 02:08 AM

Newbie

Members
12 posts

<input id="file" name="file_upload" type="file" style="display:none">
<a id="open_upload" href="#">upload file</a>

I want to open the <input type="file"> when I click "upload file".
any ideas?

#2
Alexander

Posted 19 July 2010 - 02:42 AM

It's Science!

Moderators
4,118 posts

This should work, plug the onLoad into your <body> tag and the rest should work:

<body onLoad="document.getElementById('filebox').style.visibility = 'hidden';">

<a id="open_upload" href="#" onClick="document.getElementById('filebox').style.visibility =  'visible';">upload file</a>

<input type="file" id="filebox">

Be sure to read the updated FAQ! || Health is achieved through the same 10,000 steps.
If a suggested code/method fails, informing us is less important than telling us why or what errors occurred.

#3
leeyo

Posted 19 July 2010 - 03:14 AM

Newbie

Members
12 posts

no.I don't want this.
I mean when click "upload file",and the file chosen dialog is open.don't need to click <input type="file">.

#4
wim DC

Posted 19 July 2010 - 04:23 AM

Writes binary right handed and hex left handed

Members
2,084 posts

I think you mean you want to click on <a id="open_upload" href="#">upload file</a> and then the browse window opens, but the input type="file" remains hidden?

In that case it's only possible in IE doing something like:

<head>
<style type="text/css">
.opaque {
    visibility:hidden;
}
</style>

<script type="text/javascript">
    function browse(){
        var browse = document.getElementById('filebox');
        browse.click();    
    }    
</script>
</head>
<body">

    <a id="open_upload" href="#" onClick="browse();">upload file</a>
    <input type="file" id="filebox" class="opaque">

</body>

Only IE supports the .click( )

Why not just remove the <a id="open_upload" href="#">upload file</a> and use the input type="file" only then?