कैसे एक फ़ाइल इनपुट

Question

मैं एक कड़ी के रूप में एक लिंक अधिनियम बनाने के लिए,

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

और अगर क्लिक किया है, मैं इसे एक ब्राउज़ फ़ाइल इनपुट

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

मैं कैसे हासिल करेगी के रूप में कार्य करना चाहते हैं इस?

Answer 1

एचटीएमएल

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

सीएसएस

#upload{ 
    display:none 
} 

जे एस

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

​DEMO.

Answer 2

सबसे अच्छा एक http://valums.com/ajax-upload/

Answer 3

संपादित:

देखें इस डेमो: http://jsfiddle.net/rathoreahsan/s6Mjt/

jQuery:

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

एचटीएमएल

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

सीएसएस

#upload-file { 
    display:none; 
} 

या

आप इस तरह अच्छा प्लग इन का उपयोग कर सकते हैं:

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

Answer 4

आप एक छिपा हुआ <input> टैग हो सकता है आप कर सकते हैं फिर 01 पर कॉल करें एक क्लिक अनुकरण करने के लिएपर।

या, आप एक आईडी <input> टैग कर सकते हैं जिसमें एक आईडी है, और फिर बस अपने लिंक में एक लेबल विशेषता जोड़ें।

Answer 5

निम्नलिखित इच्छा समस्या हल

एचटीएमएल

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

सीएसएस

#upload-file{ 
    display: none; 
}​ 

js

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

http://jsfiddle.net/WXBKj/