2013-08-20 91 views
0

我必須先預覽圖像,然後將其保存到數據庫。經過多次嘗試隱藏「Ajax fileUpload控件的文本框」,我用這個簡單的建議解決了問題 - 使用html fileupload控件,隱藏它,但使用asp按鈕來調用html控件。一切正常,直到現在。ASP.NET中的預覽圖像

ASPX:

<asp:Panel ID="pnlImage" runat="server" Height="120px" Width="120px"> 
    <asp:Image ID="imageBox" runat="server"/>      
</asp:Panel> 

<input type="file" id="selectedFile" name="_selectedFile"/> //will hide this later 
<asp:Button ID="btnBrowse" runat="server" Text="Browse" CausesValidation="false" 
OnClientClick="document.getElementById('selectedFile').click(); return false;" 
onclick="btnBrowse_Click" /> 

CS:

protected void btnBrowse_Click(object sender, EventArgs e) 
{ 
    string strValue = Page.Request.Form["_selectedFile"].ToString();   
} 

當我點擊瀏覽按鈕,我得到的彈出瀏覽文件。選擇圖片後,本地路徑「C:\ pictures .....」將填充到Html控件的文本框中。

  1. 但是,這裏的問題是,它不會去後面的代碼(因爲return:false)。 如果我說return:true,它的確如此,但是本地路徑只是閃爍並從文本框 中消失。所以strValue是空的。 !

  2. 我也試過了,設置原因驗證&返回true。爲此,我必須填寫所有其他需求。在頁面上的字段。雖然它代碼behid,strValue只有名稱(user1.jpg)而不是路徑。

我覺得這個方法比其他javascript/jquery簡單。我應該如何從這裏開始。

回答