نمایش تصاویر دایرکتوری در گرید ویو GridView در Asp.Net

سه شنبه 19 اسفند 1393

در این مقاله ما نحوه خواندن تصویر از پوشه ای خاص و نمایش آن در کنترل GridView را شرح می دهیم .

نمایش تصاویر دایرکتوری در گرید ویو GridView در Asp.Net

کنترل 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);  
        }  
    }  

 

فایل های ضمیمه

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان

کاربرانی که از نویسنده این مقاله تشکر کرده اند

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید