Отображение изображения в Div из базы данных в ASP.NET

Question

В этом сценарии - у меня есть имена изображений (например: - abc.jpg), сохраненные в базе данных, а фактические изображения находятся в папке в файловой системе (~ / ClientImages /).

Теперь я хочуполучить изображение из базы данных:

ImageUrl = <%# string.Format("~/ClientImages/{0}", Eval("image")) %>

изменить его размер до 600 * 400 и отобразить в div на странице.

Я создал хранимую процедуру и использую Grid View, но не могудля этого.

Также я могу сделать это без Grid View, я имею в виду, как установить datatable image

dt.Rows[0]["image"]

в div через cs?

Заранее спасибо

Обновление

Только для nOObs: p Это очень простой метод, вы также можете заполнить сетку данных из файла CS,Но я выбрал грязный подход, т. Е. SqlAdaperSource. Выберите Gridview - DataSource (то есть: - SqlDataAddapter, пройдите мастер).

    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    DataKeyNames="id" DataSourceID="SqlDataSource1">
    <Columns>          
   <asp:TemplateField>
  <ItemTemplate>
  <asp:Image ID="img12" runat="server" Width="600px" Height="400" ImageUrl='<%# Page.ResolveUrl(string.Format("~/ClientImages/{0}", Eval("image"))) %>' />

  </ItemTemplate>
  </asp:TemplateField>

    </Columns>

</asp:GridView>


## SqlDataSource ##
<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:XXXXConnectionStringName %>" 
    SelectCommand="Stored_Procedure_Name" SelectCommandType="StoredProcedure">
</asp:SqlDataSource>

Answer 1

Вы можете ограничить и разрешить изображение для <img> или <asp:image>:

<div>
   <img id="img1" runat="server" width='600' height='400' 
        src='<%# Page.ResolveUrl(string.Format("~/ClientImages/{0}", Eval("image"))) %>' />
</div>

<div>
   <asp:image id="img1" runat="server" Width='600' Height='400'  
        ImageUrl='<%# Page.ResolveUrl(string.Format("~/ClientImages/{0}", Eval("image"))) %>' />
</div>

Если вы хотите изменить размер изображения на лету, вы можете использовать код в этом вопросе:

динамическое создание миниатюры фиксированного размера в элементе управления списком

Answer 2

Изменение размера изображения может быть сделано легко.Вот пример: http://snippets.dzone.com/posts/show/4336

Что касается просмотра изображения, код выглядит хорошо для меня.В чем проблема с отображением изображения.Вы знаете, что если вы выводите его через ASP.NET, вам нужно будет сделать

<img src='<%# string.Format("/ClientImages/{0}", Eval("image")) %>' alt='' />