Asp.net Data list control show Image example
Step 1: add asp.net data list control
<div style="height: 450px;overflow-y: scroll;">
<asp:DataList runat="server" runat="server"
ID="dtlPhotos" OnItemDataBound="dtlPhotos_OnItemDataBind"
RepeatDirection="Horizontal" RepeatLayout="Flow" RepeatColumns="5" >
<ItemTemplate>
<div style="margin-left: 20px;display: inline-block;">
<div>
<asp:Image ID="imgPhoto" runat="server" Width="200" Height="200" />
</div>
<div>
<asp:CheckBox runat="server" ID="chkPhoto" Text='<%#Eval("Name")%>' />
<asp:HiddenField runat="server" ID="hdnPhotoId" Value='<%#Eval("PhotoId")%>'/>
</div>
</div>
</ItemTemplate>
</asp:DataList>
<asp:ImageButton runat="server" style="margin-bottom:20px;margin-left: 10px;" ImageUrl="../../Resource/Image/eDAS/add_document.png"
ID="dtlAddNew" Width="200" Height ="200" OnClick="dtlAddNew_Click"/>
</div>
Step 2: Data bind:
dtlPhotos.DataSource = EdasContext.ShoppingCartSession.Current.SnapShotDocuments;
dtlPhotos.DataBind();
Step 3: on data item bind :
dynamic data = e.Item.DataItem;
var img = e.Item.FindControl("imgPhoto") as Image;
if (img != null)
{
img.ImageUrl = "data:image/jpg;base64," + Convert.ToBase64String(data.ImgStream);
}
Step 4: result :
相關文章
- Oracle RMAN的show,list,crosscheck,deleteOracleROSdelete
- list-style-image屬性用法
- Oracle RMAN 的 show,list,crosscheck,delete命令整理OracleROSdelete
- Asp.Net Control SummaryASP.NET
- 微信開發之data:image/png;base64,
- C# Asp.Net Set Image Url to byte[]C#ASP.NET
- Vc控制元件用法總結之List Control控制元件
- Introduce to Data Storage Objects in ASP.NETObjectASP.NET
- Spark exampleSpark
- oracle exampleOracle
- [Oracle] ORA-24247: network access denied by access control list(ACL)Oracle
- 【DataGuard】使用Grid Control快速部署Oracle物理Data GuardOracle
- An example of polybase for OracleOracle
- angular 2 by exampleAngular
- Oracle By Example (OBE)Oracle
- grid control Error in getting data for creating new listenerError
- An example about git hookGitHook
- react router animation exampleReact
- An Example of How Oracle WorksOracle
- Asp.Net Mvc5表單提交之List集合ASP.NETMVC
- asp.net中DataTable和List之間相互轉換ASP.NET
- JavaScript show()JavaScript
- jQuery show()jQuery
- ORA-24247:network access denied by access control list (ACL) 的處理方法
- 資料訪問模式:資料併發控制(Data Concurrency Control)模式
- show sga和show parameter sga的區別
- A example that using JQuery clonejQuery
- a simple example for spring AOPSpring
- An Application Context exampleAPPContext
- show master logs 和 show master status 區別AST
- MySQL 5.5 SHOW PROFILE、SHOW PROFILES語句介紹MySql
- 【DataGuard】使用Grid Control對Oracle物理Data Guard進行Switchover切換Oracle
- 【DataGuard】使用Grid Control對Oracle物理Data Guard進行健康檢查Oracle
- JavaScript show() 方法JavaScript
- git show 命令Git
- mysql show命令MySql
- docker imageDocker
- jQuery :imagejQuery