イメージをにasp.netで動的に追加するC＃

Question

私は本の情報がある書籍データベースを持っています。私はページに表示したい本の絵の名前を格納する行を持っています。たとえば、cprog.jpeg

ここで、画像を表示するためにその名前をsrcに追加します。ただし、その名前自体を表示するだけです。私はそれをどうやって行うのかについてはあまりよく分かりませんここで

+ " <img src=\"{0} \">" + row[8].ToString() + "</div>" 

は完全なコード..です

foreach (DataTable table in dsgrid2.Tables) 
      { 
       foreach (DataRow row in table.Rows) 
       { 
        strBooksInCategory += 
          "<div style=\"height:150px;\">" 

          + " <img src=\"{0} \">" + row[8].ToString() + "</div>" 
         + " <div style=\"height:110px;float:left;padding-left:10px;\">" 
         + " <div style=\"height=auto;left-margin:10px;\">" + row[0] + "</div>" 
         + " <div style=\"height=auto;left-margin:10px;\">" + row[1] + "</div>" 
         + " <div style=\"height=auto;left-margin:10px;\">" + row[2] + "</div>" 
         + " <div style=\"height=auto;left-margin:10px;\">" + row[3] + "</div>" 
         + " <div style=\"height=auto;left-margin:10px;\">" + row[4] + "</div>" 
         + " <div style=\"height=auto;left-margin:10px;\">" + row[5] + "</div>" 
         + " </div>" 
         + "</div>"; 
        strBooksInCategory += "<div style=\"height:10px;width=100%;\"></div>"; 

Answer 1

を私は、行を想定しています[8]あなたのですイメージ名は...

+ "<img src=\"/path/to/image/"+ row[8].ToString() +"\"></div>" 

0123のようになりますあなたはあまりにもイメージへのパスに配置する必要があります

+ "<img src=\""+ row[8].ToString() +"\"></div>" 

のようなものを、してみてください

他の回答者は正しいですが、これは非常に乱雑です&は後であなたの心を壊します。データバインドされたコントロールは、DataGridsとRepeaterで読むことができる方法です...それはあなたの価値があるでしょう！

Answer 2

あなたは恐ろしく間違っているいくつかのことをやっている：

1. は今までそのような文字列を連結しないでください。代わりにStringBuilderクラスを使用してください。
2. 文字列を連結してHTMLを構築しないでください。それは恐ろしく維持不能なコードを作り出します。私が責任を負うプロジェクトでそれを見たら、直ちにそれを修正するように言います。私が責任を負うプロジェクトでそれを見た場合、私はあなたの上司に直ちにそれを修正するよう伝えるように依頼します。
3. Repeaterコントロールのようなデータバインドコントロールの使い方を学んでください！

4. データベースは名前のみが含まれ、名前がURLの一部である場合、その後、あなたは完全なURLを形成する必要がある場合：

   String.Format("http://mysite.com/images/{0}.jpg", row[8]); 
   

Answer 3

あなたのコードの中にそのようなHTMLを構築しないようにしてください。代わりに：

1. すべてのマークアップをaspxファイルに移動し、コードの背後に移動します。
2. 代わりに裸のhtmlのコントロール使用に切り替える：と<asp:Repeater>で<div>の
3. ラップコントロールの<img>タグの<asp:Image>を、そして<asp:Panel><ItemTemplate>
4. 使用するデータへのあなたのDataTableから値を割り当てるためにバインドコントロールのプロパティ