Как связать изображение с URL в Gridview - ASP.Net - PullRequest
Новая
       11

Как связать изображение с URL в Gridview - ASP.Net

0 голосов
/ 12 марта 2020

У меня есть изображение, хранящееся в базе данных, и оно отображается в Gridview. Когда я нажимаю на изображение, оно появляется как увеличенное изображение. Проблема здесь в том, что изображение, отображаемое в gridview, увеличивает высоту столбца gridview, я уменьшил высоту, но всплывающее окно перестало работать правильно. поэтому можно связать изображение с URL-адресом, я не знал, как с ним работать. 

<asp:TemplateField HeaderText="Image">
                <ItemTemplate>
                    <asp:Image ID="Image1" runat="server"/>
                </ItemTemplate>
            </asp:TemplateField>

Ответы [ 2 ]

0 голосов
/ 12 марта 2020

Попробуйте ниже блока кода, 

//Bind from db

 <asp:TemplateField HeaderText="Image">
        <ItemTemplate>
  <asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("ImageSrc") %>' style="width:40px;height:50px;"/>
          </ItemTemplate>
          </asp:TemplateField>

//Bind from local 

    <asp:TemplateField HeaderText="Image">
                <ItemTemplate>
          <asp:Image ID="Image1" runat="server" ImageUrl="../Images/ABC.jpg" style="width:40px;height:50px;"/>
                  </ItemTemplate>
                  </asp:TemplateField>
0 голосов
/ 12 марта 2020

Вы должны установить размер изображения для примера: 

       <asp:TemplateField HeaderText="Image">
            <ItemTemplate>
                <asp:Image ID="Image1" runat="server" style="width:40px;height:50px;"/>
            </ItemTemplate>
        </asp:TemplateField>

Если вы используете свойства ширины и высоты, ваше изображение может потерять соотношение ширины и высоты. Вы можете установить только ширину для примера, чтобы сохранить правильную высоту.

Или вы можете использовать миниатюры для вашей сетки. Я имею в виду, вы можете использовать изображение с измененным размером, чтобы показать в сетке, и когда вы нажимаете на изображение, вы можете всплыть изображение реального размера.

Если изображение загружается через ваш интерфейс, в момент сохраняя изображение на сервере, вы должны изменить его размер, чтобы сохранить уменьшенное изображение.

Чтобы изменить размер изображения: Как изменить размер изображения C#

...