نمایش تصاویر دایرکتوری در گرید ویو GridView در Asp.Net
سه شنبه 19 اسفند 1393در این مقاله ما نحوه خواندن تصویر از پوشه ای خاص و نمایش آن در کنترل GridView را شرح می دهیم .
کنترل GridView یکی از ابزار قدرتمند و آسان برای استفاده و نمایش اطلاعات جدول میباشد که شامل امکاناتی از قبیل :نمایش کل داده ها , مرتب سازی , صفحه بندی و انجام ویرایش هر فیلد از جدول میباشد .
در ادامه چگونگی آپلود تصویر در پوشه ای خاص و نمایش آن در کنترل GridView را شرح داده ایم .
تگ کربوط به کنترل GridView :
<h3>برنامه نویسان</h3> <table> <tr> <td> File: </td> <td> <asp:FileUpload ID="fupload" runat="server" /> </td> </tr> <tr> <td> </td> <td> <asp:Button ID="btnUpload" runat="server" cssClass="button" Text="Upload Selected File" onclick="btnUpload_Click" /> </td> </tr> </table> <asp:GridView ID="Gv_imgs" CssClass="grid" runat="server" AutoGenerateColumns="false" ShowHeader="false"> <Columns> <asp:BoundField DataField="Text" HeaderText="Name" /> <asp:ImageField DataImageUrlField="Value" ControlStyle-Height="75" ControlStyle-Width="75" HeaderText="Images" /> </Columns> </asp:GridView>
سپس فضای نام System.io را به پروژه اضافه میکنیم و کدهای زیر را در CodeBehind صفحه مربوطه می نویسیم :
protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { string[] ImagePaths = Directory.GetFiles(Server.MapPath("~/Images/")); List<ListItem> Imgs = new List<ListItem>(); foreach (string imgPath in ImagePaths) { string ImgName = Path.GetFileName(imgPath); Imgs.Add(new ListItem(ImgName, "~/Images/" + ImgName)); } Gv_imgs.DataSource = Imgs; Gv_imgs.DataBind(); } } protected void btnUpload_Click(object sender, EventArgs e) { if (fupload.HasFile) { string fileName = fupload.FileName; fupload.PostedFile.SaveAs(Server.MapPath("~/Images/") + fileName); Response.Redirect(Request.Url.AbsoluteUri); } }
- ASP.net
- 4k بازدید
- 5 تشکر