I think you're looking for something like this. It's not with JQuery
but it works great:
http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom
On 7 stu, 23:12, Gilles Ruppert <[EMAIL PROTECTED]> wrote:
> Hi all,
>
> I am relatively new to jQuery, so sorry if this question has an
> obvious answer!
>
> Our company just got the designs in for a new feature on our website.
> It involves uploading a picture, so we need a <input type="file"/>
> field.
>
> However, the design has a nicely styled link (read: image) instead of
> the normal control.
>
> I thought about styling a link and use that as a trigger to a hidden
> upload field, which would then trigger the file browser once clicked
> (i.e. in the style of the flickr uploader).
>
> However, whilst trying to put a proof of concept together, I couldn't
> get the file upload browser to open.
>
> here is my code:
> $('#trigger').click(function(){
> $('#upload').trigger('click');
> });
>
> Any help is really appreciated!
>
> Cheers,
>
> Gilles
> P.S: anyone going to @media ajax in london? maybe see you there!
