質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

ASP.NET

ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

Q&A

解決済

1回答

3972閲覧

GridViewにて画像を表示させる方法について

kaiserdoragon

総合スコア21

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

ASP.NET

ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

1グッド

1クリップ

投稿2020/03/12 07:21

編集2020/03/12 07:53

お世話になります。

GridViewを活用して画像を表示させようと試みているのですが表示がされません。。。

パスの問題なのかimagefildの設定の問題なのか判断が出来ていません。。

パスの状況は1枚目(黒い写メ)のようになっていて、ビルドした時が2枚目になるのですが画像という列に画像を表示させよう思っているのですがうまく表示されません。

以下にコードを張り付けておきます。

よろしくお願い致します。

また開発環境は

OS:Windows10 home
Visual Studio2019
ASP.NET WEBアプリケーション(.NET Framework)
となっております。

C#

1 2<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GridView.aspx.cs" Inherits="SeldAspNet.Chap04.GridView" %> 3 4<!DOCTYPE html> 5 6<html xmlns="http://www.w3.org/1999/xhtml"> 7<head runat="server"> 8<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 9 <title></title> 10</head> 11<body> 12 <form id="form1" runat="server"> 13 <div> 14 <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" DataKeyNames="aid" DataSourceID="sds" ForeColor="Black" GridLines="Vertical" PageSize="3"> 15 <AlternatingRowStyle BackColor="White" /> 16 <Columns> 17 <asp:HyperLinkField DataNavigateUrlFields="aid" DataNavigateUrlFormatString="https://wing.msn.to/album/{0}" DataTextField="aid" DataTextFormatString="{0}" HeaderText="アルバムコード" /> 18 <asp:ImageField DataAlternateTextField="aid" DataAlternateTextFormatString="Image/{0}.jpg" DataImageUrlField="aid" HeaderText="画像" ReadOnly="True"> 19 <ControlStyle Height="40px" Width="40px" /> 20 </asp:ImageField> 21 <asp:CommandField ShowDeleteButton="True" ShowEditButton="True" /> 22 <asp:BoundField DataField="aid" HeaderText="aid" ReadOnly="True" SortExpression="aid" /> 23 <asp:BoundField DataField="category" HeaderText="category" SortExpression="category" /> 24 <asp:BoundField DataField="comment" HeaderText="comment" SortExpression="comment" /> 25 <asp:BoundField DataField="updated" HeaderText="updated" SortExpression="updated" /> 26 <asp:CheckBoxField DataField="favorite" HeaderText="favorite" SortExpression="favorite" /> 27 </Columns> 28 <FooterStyle BackColor="#CCCC99" /> 29 <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" /> 30 <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" /> 31 <RowStyle BackColor="#F7F7DE" /> 32 <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" /> 33 <SortedAscendingCellStyle BackColor="#FBFBF2" /> 34 <SortedAscendingHeaderStyle BackColor="#848384" /> 35 <SortedDescendingCellStyle BackColor="#EAEAD3" /> 36 <SortedDescendingHeaderStyle BackColor="#575357" /> 37 </asp:GridView> 38 <asp:SqlDataSource ID="sds" runat="server" ConnectionString="<%$ ConnectionStrings:SelfAsp %>" DeleteCommand="DELETE FROM [Album] WHERE [aid] = @aid" InsertCommand="INSERT INTO [Album] ([aid], [category], [comment], [updated], [favorite]) VALUES (@aid, @category, @comment, @updated, @favorite)" SelectCommand="SELECT [aid], [category], [comment], [updated], [favorite] FROM [Album]" UpdateCommand="UPDATE [Album] SET [category] = @category, [comment] = @comment, [updated] = @updated, [favorite] = @favorite WHERE [aid] = @aid"> 39 <DeleteParameters> 40 <asp:Parameter Name="aid" Type="String" /> 41 </DeleteParameters> 42 <InsertParameters> 43 <asp:Parameter Name="aid" Type="String" /> 44 <asp:Parameter Name="category" Type="String" /> 45 <asp:Parameter Name="comment" Type="String" /> 46 <asp:Parameter DbType="Date" Name="updated" /> 47 <asp:Parameter Name="favorite" Type="Boolean" /> 48 </InsertParameters> 49 <UpdateParameters> 50 <asp:Parameter Name="category" Type="String" /> 51 <asp:Parameter Name="comment" Type="String" /> 52 <asp:Parameter DbType="Date" Name="updated" /> 53 <asp:Parameter Name="favorite" Type="Boolean" /> 54 <asp:Parameter Name="aid" Type="String" /> 55 </UpdateParameters> 56 </asp:SqlDataSource> 57 </div> 58 </form> 59</body> 60</html>

【1枚目】
イメージ説明

【2枚目】
イメージ説明

s.k👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2020/03/12 07:43

ASP.NET Web Forms アプリの話のようですが、であれば ASP.NET のタグを付けてください。 開発環境(OS, .NET, Visual Studio のバージョンなど)を書いてください。 質問の一番下の画像が実行結果だと理解してますが、その「画像」列の各行に Image フォルダの jpg 画像が表示されるようにしたいということですよね?
kaiserdoragon

2020/03/12 07:55

コメントいただきありがとうございます。 開発環境の説明を追加させていただきました。 まさにおっしゃる通りです! 画像の表示のさせ方がわからなくて質問させて頂きました。
guest

回答1

0

自己解決

質問の件ですが、頑張ってコードを触っていたら解決することができました!=画像が表示されるようになりました!

お手数をお掛け致しました。

原因はImageFiledの

「DataAlternateTextFormatString」プロパティから「DataimageUrlFormatString」プロパティへパスを書き直したことで解決できました。

投稿2020/03/12 09:00

kaiserdoragon

総合スコア21

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問