2012-01-11 31 views
0

ASP.netでJQueryを使用する際に問題があります。私は、imgasp:Buttonasp:FileUploadのHTMLを持っています。ポストバックで追加情報を渡す

<img src="images/12345.png" data-id="12345" /> 
<asp:FileUpload ID="fup" runat="server" /> 
<asp:Button ID="btn" runat="server" /> 

私はHTML imgから写真IDを返信しようとしています。どのように私はCommandArgumentまたは何かにデータ要素をプッシュすることができますの任意のアイデア?

私は動的にクライアント側に設定しているので、私はrunat = "server"というHTMLイメージを持つことができません。私はプラグインを使用してみました

プラグイン

は、何が本当に私が計画していた方法を作業していない:

この1つは、複数のファイルを取り、私はそれが1に制限する必要があります。ドラッグや何か派手なことをサポートする必要はありません。 http://valums.com/ajax-upload/

UploadifyはFlashを使用しています。 http://www.uploadify.com/

これは醜いiframeやものを使用しています。また、サイトのスペルミスは少しばかりです。 http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

誰かが私に求めていることをする方法か、新しい画像をアップロードするための滑らかな方法(追加のパラメータがサポートされている)を持っている人には、大変感謝しています。

ソリューションの答えのための おかげで、私は2つを組み合わせると、サーバーで実行されているasp:HiddenFieldを使用して終了:

マークアップ:

<img id="img" src="images/12345.png" data-id="12345" /> 
<asp:HiddenField id="hfData" runat="server" /> 
<asp:FileUpload ID="fup" runat="server" /> 
<asp:Button ID="btn" runat="server" /> 

はJQuery:

$("#<%= hfData.ClientID %>").val($("#img").data("id")); 

コードビハインド:

string pictureID = hfData.Value; 

答えて

0

あなたが正しく理解している場合は、<input type="hidden" name="data-id" value="12345" />を使用して、あなたが探しているdata-idを得ることができます。

+0

入力:hiddenが 'asp:HiddenField'の場合、これは動作します。サーバーで実行されていない場合は動作しません。 – tedski

+0

'input'タグに' runat = server'を追加することもできます。 – Orentet

関連する問題