GridView中控制圖片的顯示大小的例項
如果要邦定的圖片寬度太寬,需要在控制元件的繫結事件中獲得原始圖片的寬度,判斷寬度是否大於一定寬度以後,再設定圖片控制元件的寬度。
protected void gvProImg_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
Image imgPro = (Image)e.Row.Controls[0].FindControl("Image1");//得到圖片控制元件
string imgPath = imgPro.ImageUrl.ToString();//得到繫結圖片的路徑
System.Drawing.Image image = System.Drawing.Image.FromFile(MapPath(imgPath));//抽象目標圖片為一個物件型別
string str = image.Width.ToString();//得到圖片的實際大小
if (Convert.ToInt32(str) > 500)
{
imgPro.Width = 500;//設定圖片控制元件大小
}
str = image.Width.ToString();
}
}
protected void gvProImg_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
Image imgPro = (Image)e.Row.Controls[0].FindControl("Image1");//得到圖片控制元件
string imgPath = imgPro.ImageUrl.ToString();//得到繫結圖片的路徑
System.Drawing.Image image = System.Drawing.Image.FromFile(MapPath(imgPath));//抽象目標圖片為一個物件型別
string str = image.Width.ToString();//得到圖片的實際大小
if (Convert.ToInt32(str) > 500)
{
imgPro.Width = 500;//設定圖片控制元件大小
}
str = image.Width.ToString();
}
}
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/12639172/viewspace-553559/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- iOS根據圖片比例計算顯示大小iOS
- ASP.NET Web Pages基礎知識---Razor 例項:顯示圖片ASP.NETWeb
- jQuery控制div顯示和隱藏程式碼例項jQuery
- 織夢文章頁中怎麼用js控制圖片的大小JS
- vue專案中顯示 網路路徑的圖片,報控制檯報undefinedVueUndefined
- CSS圖片的灰色顯示效果CSS
- js將選擇的圖片顯示在img中JS
- Overleaf中插入pdf圖片只顯示圖片路徑的解決方式
- 如何在終端中顯示圖片
- CSS 例項之滾動的圖片欄CSS
- iPhone中XML處理以及網路上的圖片顯示iPhoneXML
- js圖片切換例項JS
- 《ASP.NET1200例》高亮顯示ListView中的資料行並自動切換圖片ASP.NETView
- 用label顯示帶圖片的富文字
- python例項屬性的顯示方法-dir、__dict__Python
- 基於大量圖片與例項深度解析Netty中的核心元件Netty元件
- CSS 例項之翻轉圖片CSS
- BMP圖片的複製#顯示到螢幕
- Echarts中太陽圖(Sunburst)的例項Echarts
- 微信小程式中base64圖片的顯示與儲存微信小程式
- 小程式button背景顯示圖片
- vue el-image 顯示圖片Vue
- 圖片上傳顯示替換
- php 隨機顯示圖片的函式程式碼PHP隨機函式
- 擴充套件EasyUI在頁面中馬上顯示選中的本地圖片套件UI地圖
- SAP UI5 圖片顯示控制元件 Avatar 的使用方式介紹試讀版UI控制元件
- nvidia控制皮膚沒有顯示設定 nvidia控制皮膚沒有顯示選項
- 獲取網路圖片的大小
- js 滾輪控制圖片縮放大小和拖動JS
- 控制皮膚中的java無法正常顯示Java
- C# Windowsform控制元件picturebox只顯示一部分圖片,只顯示左上角一部分圖片C#WindowsORM控制元件
- Vue富文字帶圖片修改圖片大小自定義選擇項自定義字型Vue自定義字型
- 使用jpeg圖片庫,顯示圖片並簡單實現LCD的觸屏功能
- 大頭針顯示多張圖片
- cv2.imshow顯示圖片不全
- VUE例項:使用 CSS Filter 處理圖片VueCSSFilter
- CSS例項:翻轉圖片、滾動圖片欄、開啟大門CSS
- 修改SVG圖片的大小和顏色SVG
- jquery獲取圖片的真實大小jQuery