当前位置: 代码迷 >> .NET Framework >> 展示多张图片,请高手帮忙
  详细解决方案

展示多张图片,请高手帮忙

热度:100   发布时间:2016-05-01 23:27:53.0
显示多张图片,请高手帮忙
一排显示多张图片
 如图 这样形式的
------解决思路----------------------
参考有JS的和JQ的你结合到ASPX里面吧
http://www.16sucai.com/2011/09/9578.html
http://www.5icool.org/a/201307/981.html
------解决思路----------------------
Winfrom? - - 你多放几个PICBOX不就是了。
------解决思路----------------------
:编辑绑定DataList显示多张图片
DataList显示多张图片
<asp:DataList ID="dlPictrue" runat="server" RepeatColumns="6" OnDeleteCommand="dlPictrue_DeleteCommand" RepeatDirection="Horizontal">
                        <ItemTemplate>
                            <table style="width: 116px">
                                <tr>
                                    <td class="tdborder">
                                        <asp:Image ID="Image1" runat="server" Width="120px" ImageUrl='<%# DataBinder.Eval(Container.DataItem,"photoPath") %>' Height="115px" /></td>
                                </tr>
                                <tr>
                                    <td align="center" class="tupianmingcheng1">
                                    <span class="tupianmingcheng2">[</span><%# DataBinder.Eval(Container.DataItem,"photoUser") %><span class="tupianmingcheng2">]</span>
                                        
                                        <br />
                                        <asp:ImageButton ID="ImageButton1" runat="server" AlternateText="进入并浏览" CommandName="Delete" ImageUrl="images/liulananniu.gif" /></td>
                                </tr>
                            </table>
                        </ItemTemplate>
                    </asp:DataList>
//cs页面绑定显示图片
protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
            this.DataListBind();
    }
  // 将数据绑定到DataList控件
    public void DataListBind()
    {
        DataTable dt = new DataTable();
        dt.Columns.Add(new DataColumn("id", typeof(int)));
        dt.Columns.Add(new DataColumn("photoUser", typeof(string)));
        dt.Columns.Add(new DataColumn("photoPath", typeof(string)));
        dt.PrimaryKey = new DataColumn[] { dt.Columns["photoUser"] };

        using (OleDbConnection conn = new OleDbConnection(@"Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + Server.MapPath("photo.mdb")))
        {
            //查询数据库中数据
            OleDbDataAdapter da = new OleDbDataAdapter("select userName from tb_User", conn);
            DataSet ds = new DataSet();
            da.Fill(ds, "Table");
            for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
            {
                OleDbDataAdapter dap = new OleDbDataAdapter("select id,photoUser, photoPath from tb_Photo where photoUser='" + ds.Tables[0].Rows[i][0].ToString() + "'", conn);
                DataSet dss = new DataSet();
                dap.Fill(dss);
                if (dss.Tables[0].Rows.Count > 0)
                {
                    DataRow dr = dt.NewRow();
                    dr[0] = dss.Tables[0].Rows[0][0].ToString();
                    dr[1] = dss.Tables[0].Rows[0][1].ToString();
                    dr[2] = dss.Tables[0].Rows[0][2].ToString();
                    dt.Rows.Add(dr);
                }
            }
        }
 PagedDataSource pds = new PagedDataSource();
        pds.DataSource = dt.DefaultView;     //将查询结果绑定到分页数据源上。
        pds.AllowPaging = true;       //允许分页
        pds.PageSize = 12;          //设置每页显示多少张图片
        pds.CurrentPageIndex = Convert.ToInt32(lblCurrentPage.Text) - 1;   //设置当前页
        lnkBtnFirst.Enabled = true;     //控件翻页控件都设置为可用
        lnkBtnLast.Enabled = true;
        lnkBtnNext.Enabled = true;
        lnkBtnPrevious.Enabled = true;
        if (lblCurrentPage.Text == "1")   //如果当前显示第一页,“第一页”和“上一页”按钮不可用。
        {
            lnkBtnPrevious.Enabled = false;
            lnkBtnFirst.Enabled = false;
        }
        if (lblCurrentPage.Text == pds.PageCount.ToString())  //如果显示最后一页,“末一页”和“下一页”按钮不可用。
        {
            lnkBtnNext.Enabled = false;
            lnkBtnLast.Enabled = false;
        }
        lblSumPage.Text = pds.PageCount.ToString();  //实现总页数
        //将分页结果绑定到DataList控件上
        dlPictrue.DataSource = pds;          //绑定数据源
        dlPictrue.DataKeyField = "photoUser";
        dlPictrue.DataBind();

    }
------解决思路----------------------
界面上拖一个listView,把图片放在里面
  相关解决方案