Como hacer un acto enlace como una entrada de archivo

Question

que tienen un enlace,

<a id="upload-file">Upload your photo</a> 

Y si se hace clic, quiero que le permite actuar como una entrada de exploración de archivos

<input id="upload-file" type="file"/> 

¿Cómo puedo lograr ¿esta?

Answer 1

HTML

<input id="upload" type="file"/> 
<a href="" id="upload_link">Upload your photo</a>​ 

CSS

#upload{ 
    display:none 
} 

JS

$(function(){ 
    $("#upload_link").on('click', function(e){ 
     e.preventDefault(); 
     $("#upload:hidden").trigger('click'); 
    }); 
}); 

​DEMO.

Answer 2

El mejor http://valums.com/ajax-upload/

Answer 3

Editado:

ver este demo: http://jsfiddle.net/rathoreahsan/s6Mjt/

JQUERY:

$("#upload").click(function(){ 
    $("#upload-file").trigger('click'); 
}); 

HTML

<a href="javascript:void(0)" id="upload">Upload your photo</a> 
<input id="upload-file" type="file"/> 

CSS

#upload-file { 
    display:none; 
} 

O

Es posible utilizar buenos plugins como esto:

http://blueimp.github.com/jQuery-File-Upload/

Answer 4

puede ordenar una <input> etiqueta oculta que pueda entonces llama $('#upload').click() encendido para simular un clic.

O bien, puede tener una etiqueta oculta <input> que tenga una identificación, y luego simplemente agregue un atributo de etiqueta a su enlace.

Answer 5

seguir la voluntad resuelve el problema

html

<input id="upload-file" type="file"/> 
<a id="fileupload">Upload your photo</a> 

css

#upload-file{ 
    display: none; 
}​ 

js

$("#fileupload").click(function(){ 
    $("#upload-file").click(); 
});​ 

http://jsfiddle.net/WXBKj/