asp.net jquery簡單的自定義文件上傳

Question

我一直在asp.net中的自定義文件上傳控件。但要做到這一點很困難。我來到這麼遠，但我有我無法理解的問題。

我想隱藏文件上傳控件並顯示圖像。當用戶單擊圖像時，我想要上傳文件彈出。我用jQuery嘗試了同樣的事情，它的工作原理，但它不工作在aspp.net

上傳文件不顯示。

下面是HTML代碼 - http://jsfiddle.net/ees2q/1/

這裏是asp.net代碼：

<asp:FileUpload ID="FileUpload1" runat="server" style="display:none" /> 
<img id="upload_img" src="http://us.cdn1.123rf.com/168nwm/artlosk/artlosk1010/artlosk101000085/7909823-single-rectangle-upload-button.jpg" width="20px"> 
<script>$(document).ready(function() { $('#upload_img').click(function() { $('#FileUpload1').click(); }); });</script> 

請幫我解決asp.net代碼以顯示文件上傳

Answer 1

嘗試使用這個：

$("#<%=FileUpload1.ClientID %>").click(function(){ 
    $('#upload').click(); 
});