查看原图与缩略图(C#)

思路

上传图片：

每当上传一个图片的时候，就根据图片在数据库的ID创建一个文件夹存放当前图片的的文件夹，把原来的图片按照一定的比例进行缩小，缩小的图片叫4_+图片名称,没有缩小的图片，也就是原图，不做任何修饰。

当查询的时候就根据ID，拼凑出一个路径，然后根据路径进行绑定图片。如果是缩略图，则查询4-+图片名称，原图就直接是原来图片的名称。

实现效果，当点击小图的时候，可以查看大图。

 这是在页面显示的图片：

当点击小图时，查看到的大图片。 

 

 

 

 

 

 

 

 

下面是具体的实现：页面的代码

 

 1     < asp:DataList ID = " dsgetall "  runat = " server "  OnSelectedIndexChanged = " dsgetall_SelectedIndexChanged "
 2                        RepeatColumns = " 3 "  Width = " 100% " >
 3                         < ItemTemplate >
 4                             < table cellpadding = " 0 "  cellspacing = " 0 "  border = " 0 " >
 5                                 < tr >
 6                                     < td >
 7                                         < asp:ImageButton ID = " ImageButton1 "  runat = " server "  CommandArgument = ' <%# getArgument(Eval("url"),Eval("Name")) %> '
 8                                            Height = " 112px "  ImageUrl = ' <%# this.LogImg2(Eval("url"),Eval("Name"))%> '  OnCommand = " ImageButton1_Command "
 9                                            Width = " 150px "   /></ td >
10       
11                                 </ tr >
12                                 < tr >
13                                     < td align = " left "  rowspan = " 2 " >
14                                        <% # DataBinder.Eval(Container.DataItem,  " DES " ) %></ td >
15                                 </ tr >
16                                 < tr >
17                                 </ tr >
18                             </ table >
19                         </ ItemTemplate >
20                     </ asp:DataList >

 .CS

代码

  protected   void  Page_Load( object  sender, EventArgs e)
    {
   bind();
}
     public   void  bind()
    {
         // 得到当前企业的ID--从另个页面传过来的ID
         // qiyeid
         string  qiyeid  =  Request.QueryString[ " qiyeid " ].ToString();
        ccwu.DAL.Img_en en  =   new  ccwu.DAL.Img_en();
         this .dsgetall.DataSource  =  en.GetList( "  ENID= "   +  qiyeid.ToString());
         this .dsgetall.DataBind();

    }
  // 从模板里进入的，当点击图片按钮的时候查看详细
     protected   void  ImageButton1_Command( object  sender, CommandEventArgs e)
    {
         string  argument  =  e.CommandArgument.ToString();
         string  picturespath  =  Convert.ToString(argument.Split( ' # ' )[ 0 ].ToString());
         string  picturename  =  Convert.ToString(argument.Split( ' # ' )[ 1 ].ToString());
         string  str  =   " .. "   +  picturespath  +   " / "   +  picturename;
         // 调用方法，查看原图
        JavaScriptLocationHref(str,  this );
    }

///   <summary>
     ///  绑定数据，当点击图片的时候获取这个值
     ///   </summary>   
     ///   <returns></returns>
     protected   string  getArgument( object  id,  object  isAuditing)
    {
         return  id.ToString()  +   " # "   +  isAuditing.ToString();
    }
 
    
     ///   <summary>
     ///     //在页面绑定产生一个路径 //ImageUrl要绑定的路径
     ///   </summary>
     ///   <param name="picturespath"> 图片存在的路径 </param>
     ///   <param name="picturename"> 图片名称 </param>
     ///   <returns> 静态字段，返回一个静态字段在页面进行显示 </returns>
     public   string  LogImg2( object  picturespath,  object  picturename)
    {
         string  urlString  =   "" ;
         if  (picturespath  !=   null   &&  picturename  !=   null )
        {
             if  (picturespath.ToString().Length  >   0   &&  picturename.ToString().Length  >   0 )
            {
                urlString  =   " ~ "   +  picturespath.ToString()  +   " / "   +   " 4_ "   +  picturename.ToString();
            }
        }
         // 如果没有图片，则显示自己定义的图片
         if  (picturespath  !=   null   &&  picturename  ==   null )
        {
             if  (picturespath.ToString().Length  >   0   &&  picturename.ToString().Length  ==   0 )
            {
                urlString  =   " ~/ccwu/images/BackImage/nopic.bmp " ; 
            }
        }
         return  urlString;
    }
     public   static   void  JavaScriptLocationHref( string  url, Page page)
    {
         #region
         string  js  =   @" <Script language='JavaScript'>
                    window.location.replace('{0}');
                  </Script> " ;
        js  =   string .Format(js, url);
         if  ( ! page.ClientScript.IsStartupScriptRegistered(page.GetType(),  " JavaScriptLocationHref " ))
        {
            page.ClientScript.RegisterStartupScript(page.GetType(),  " JavaScriptLocationHref " , js);
        }
         #endregion
    }

 

 

转载于:https://www.cnblogs.com/muer/archive/2010/03/17/1688207.html