在线相册，把源代码贴出来供大家学习

最新推荐文章于 2023-01-02 21:27:42 发布
最新推荐文章于 2023-01-02 21:27:42 发布
阅读量186 收藏
点赞数
文章标签： 开发工具 ui javascript ViewUI
原文链接：http://www.cnblogs.com/mdy41034264/archive/2008/12/11/1353089.html
版权

 

首先是App_Code文件夹下ImageFIleOperator.cs

 

ContractedBlock.gif ExpandedBlockStart.gif 图像文件操作类
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.IO;
using System.Collections.Generic;

public class ImageFileOperator//图像文件操作类
{
    public List<string> GetAllImageFiles(string ImageFolder)//获得所有的图像文件清单
    {

        if (Directory.Exists(ImageFolder))//判断是否存在此路径
        {
            string[] files = Directory.GetFiles(ImageFolder);//返回指定目录中的文件
            List<string> imgs = new List<string>();//构造泛形集合对象imgs
            foreach (string file in files)
            {
                    imgs.Add(Path.GetFileName(file));//根据路径获得文件名和其扩展名并添加道imgs里
            }
            return imgs;
        }
        return null;
    }
}

 

两个用户自定义用户控件

 

ContractedBlock.gif ExpandedBlockStart.gif ImageButtons
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Collections.Generic;
using System.IO;

public partial class ImageButtons : System.Web.UI.UserControl
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }
    /// <summary>
    /// 要显示为图片链接按钮的图片清单
    /// </summary>
    public List<string> Images
    {
        get
        {
            return ViewState["Images"] == null ? null : ViewState["Images"] as List<string>;
        }
        set
        {
            ViewState["Images"] = value;
            BuildImageButtons(value);//构建图像按钮
        }
    }

    /// <summary>
    /// 根据图像列表创建ImageButton对象
    /// </summary>
    /// <param name="images"></param>
    private void BuildImageButtons(List<string> images)
    {
        foreach (string img in images)
        {
            ImageButton btn = new ImageButton();//动态创建ImageButton
            btn.ImageUrl = ConfigurationManager.AppSettings["ImageFolder"] + img;//根据web.config中AppSettings节点设置的的ImageFolder读取虚拟路径
            btn.CommandName = "ImageButtonClick";//这句可有可无，因为后面我们并没有用到e.CommandName获取它,但是为了明确说明这些按钮是用来做什么的
            btn.CommandArgument = img;//这句可有可无,原因和上面一样,这个参数只是加载图片的名称和扩展名
            btn.Command += new CommandEventHandler(btn_Command);
            //btn.Attributes.Add("onclick","javascript: return confirm('真的删除吗?');");//调用javascript验证是否删除
            btn.Attributes["onclick"] = "return confirm('真的删除吗');";
            //btn.OnClientClick = "return confirm('真的删除吗');";
            this.Controls.Add(btn);//将新创建的ImageButton追加到用户控件中
        }
    }

    void btn_Command(object sender, CommandEventArgs e)
    {
        File.Delete(Server.MapPath((sender as ImageButton).ImageUrl));//根据点击的ImageButton删除响应的图片
        this.Controls.Remove(sender as ImageButton);//从用户控件中移出
    }


}

 

 

ContractedBlock.gif ExpandedBlockStart.gif ImageLinks
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Collections.Generic;
public partial class UserControl_ImageLinks : System.Web.UI.UserControl
{
    public event CommandEventHandler ImageLnkClick;//定义图像链接事件
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    public List<string> Images
    {
        get
        {
            return ViewState["Images"] == null ? null : ViewState["Images"] as List<string>;
        }
        set
        {
            ViewState["Images"] = value;
            BuildLinkButtons(value);//构建链接按钮
        }
    }

    private void BuildLinkButtons(List<string> images)
    {
        foreach (string img in images)
        {
            LinkButton btn = new LinkButton();//动态创建LinkButton
            btn.Text = img + "&nbsp&nbsp&nbsp&nbsp";
            btn.CommandName = "ImageLnkClick";//这句话可有可无,但是它说明了这个按钮要触发一个单击事件
            btn.CommandArgument = img;//将图片的文件清单赋给按钮的命令参数,以变后面通过e.CommandArugment获取
            btn.Command += new CommandEventHandler(btn_Command);//挂接btn.Command事件响应函数btn_Command
            this.Controls.Add(btn);//将新创建的LinkButton追加到用户控件中
        }

    }

    void btn_Command(object sender, CommandEventArgs e)
    {
        if (ImageLnkClick != null)
            ImageLnkClick(sender, e);//触发ImageLnkClick事件
    }
}

 

浏览图片页面.cs

 

ContractedBlock.gif ExpandedBlockStart.gif 浏览图片
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Collections.Generic;

public partial class _Default : System.Web.UI.Page
{
    private ImageFileOperator oper = new ImageFileOperator();//构造图像文件操作类

    private List<string> imagesInFolder
    {
        get
        {
            return ViewState["imagesInFolder"] == null ? null : ViewState["imagesInFolder"] as List<string>;
        }
        set
        {
            ViewState["imagesInFolder"] = value;
        }
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            //第一次请求
            string imagefolder = Server.MapPath(ConfigurationManager.AppSettings["ImageFolder"]);//根据虚拟路径返回物理路径
            imagesInFolder = oper.GetAllImageFiles(imagefolder);//根据物理路径获得图片文件清单的泛型集合
        }
        ImageLinks1.Images = imagesInFolder;
        ImageLinks1.ImageLnkClick += new CommandEventHandler(ImageLinks1_ImageLnkClick);
        if (imagesInFolder.Count > 0)//判断是否有图片
            imgShow.ImageUrl = ConfigurationManager.AppSettings["ImageFolder"] + imagesInFolder[0];//默认绑定第一张图片
        else
            imgShow.Visible = false;//设置控件不可见


    }

    void ImageLinks1_ImageLnkClick(object sender, CommandEventArgs e)//图片文件按钮事件被激发
    {
        imgShow.ImageUrl = ConfigurationManager.AppSettings["ImageFolder"] + e.CommandArgument;//绑定相关的图片
    }
}

 

 

上传图片页面.cs

 

ContractedBlock.gif ExpandedBlockStart.gif 上传图片
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class UpLoad : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        btnUpLoad.CssClass = "HeightStyle";
        FileUpload1.CssClass = "HeightStyle";
        Image1.Visible = false;
    }
    protected void btnUpLoad_Click(object sender, EventArgs e)
    {
        if (FileUpload1.HasFile)
        {
            FileUpload1.SaveAs(Server.MapPath(ConfigurationManager.AppSettings["ImageFolder"]) + FileUpload1.FileName);//上传图片文件
            Image1.ImageUrl = ConfigurationManager.AppSettings["ImageFolder"] + FileUpload1.FileName;//显示图片
            Image1.Visible = true;
        }
        else
        {
            ClientScript.RegisterClientScriptBlock(this.GetType(), "Info", "alert('没有可以上传的图片');", true);
        }
    }
}

 

删除图片.cs

 

ContractedBlock.gif ExpandedBlockStart.gif 删除图片
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Delete : System.Web.UI.Page
{
    private ImageFileOperator oper = new ImageFileOperator();
    protected void Page_Load(object sender, EventArgs e)
    {
        string imagefolder = Server.MapPath(ConfigurationManager.AppSettings["ImageFolder"]);
        ImageButtons1.Images = oper.GetAllImageFiles(imagefolder);
    }
}

 

css文件

ContractedBlock.gif ExpandedBlockStart.gif css
#container
{
    margin-left:auto;
    margin-right:auto;
    width:800px;
    padding:0 0 0 0;
    border:solid 1px black;
}
#banner
{
    clear:both;
    text-align:center;
    background-image:url('banner.jpg');
    width:100%;
    color:Black;
    vertical-align:middle;
    line-height:100px;
    font-size:30px;
    height:100px;
}
#footer
{
    clear:both;
    text-align:center;
    background-image:url('footer.gif');
    background-repeat:repeat-x;
    width:100%;
    line-height:30px;
    font-size:15px;
    height:30px;
}
#right_panel
{
    top:0px;
    float:left;
    right:0px;
    width:580px;
    margin:5px 0px 5px 5px;
}
#left_panel
{
    top:0px;
    float:left;
    left:0px;
    width:180px;
    padding:10px;
    margin:5px 5px 5px 0px;
}
.block
{
    border:solid 1px  #6595D6;
    padding:1px;
    margin:4px 1px 4px 1px;
}
.block_header
{
    background-color:#6595D6;
    height:1.5em;
    padding-top:0.3em;
    color:White;
    font-size:12px;
    font-weight:bold;
    vertical-align:middle;
    margin-top:2px;
}
.HeightStyle
{
    height:25px;
}

 

母板页

 

ContractedBlock.gif ExpandedBlockStart.gif 母板页
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
    <form id="form1" runat="server">
    <div id="banner"><b>我的在线相册</b></div>
    <div id="left_panel">
        <asp:TreeView ID="TreeView1" runat="server" ImageSet="BulletedList4" ShowExpandCollapse="False">
            <ParentNodeStyle Font-Bold="False" />
            <HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" />
            <SelectedNodeStyle
                Font-Underline="True" HorizontalPadding="0px" VerticalPadding="0px" ForeColor="#5555DD" />
            <Nodes>
                <asp:TreeNode Text="浏览图片" Value="浏览图片" NavigateUrl="~/Default.aspx"></asp:TreeNode>
                <asp:TreeNode Text="上传图片" Value="上传图片" NavigateUrl="~/UpLoad.aspx"></asp:TreeNode>
                <asp:TreeNode Text="删除图片" Value="删除图片" NavigateUrl="~/Delete.aspx"></asp:TreeNode>
            </Nodes>
            <NodeStyle Font-Names="Tahoma" Font-Size="10pt" ForeColor="Black" HorizontalPadding="5px"
                NodeSpacing="0px" VerticalPadding="0px" />
        </asp:TreeView>
    </div>
    
    <div id="right_panel">
        <asp:contentplaceholder id="head" runat="server">
        </asp:contentplaceholder>
    </div>
    
    <div id="footer"><b>2000-2008,All Rights Reserved</b> </div>
    </form>
  </div>
</body>
</html>

 

浏览图片.aspx

 

ContractedBlock.gif ExpandedBlockStart.gif 浏览图片.aspx
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="浏览图片" %>

<%@ Register Src="UserControl/ImageLinks.ascx" TagName="ImageLinks" TagPrefix="uc2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<div class="block">
<div class="block_header">
点击链接查看图片
</div>
<div style="width:100%;">
    <uc2:ImageLinks ID="ImageLinks1" runat="server" />
</div>
    <asp:Image ID="imgShow" runat="server" Width="98%" />
    </div>
    </asp:Content>

 

 

上传图片.aspx

 

ContractedBlock.gif ExpandedBlockStart.gif 上传图片.aspx
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UpLoad" Title="上传图片" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script language="javascript" type="text/javascript">
</script>

<div class="block">
<div class="block_header">上传图片</div>
<div>
    <asp:FileUpload ID="FileUpload1" runat="server" Width="526px" />&nbsp;<asp:Button
        ID="btnUpLoad" runat="server" OnClick="btnUpLoad_Click" Text="上传" /></div>
</div>
    <asp:Image ID="Image1" runat="server" Width="98%" />
</asp:Content>

 

 

删除图片.aspx

 

ContractedBlock.gif ExpandedBlockStart.gif 删除图片.aspx
<%@ Page Language="C#" Theme="主题1" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Delete.aspx.cs" Inherits="Delete" Title="删除图片" %>

<%@ Register Src="UserControl/ImageButtons.ascx" TagName="ImageButtons" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<div class="block">
<div class="block_header">点击图片,删除相应图片</div>
</div> 
    <uc1:ImageButtons id="ImageButtons1" runat="server">
    </uc1:ImageButtons>
</asp:Content>

转载于:https://www.cnblogs.com/mdy41034264/archive/2008/12/11/1353089.html

weixin_30780649
关注
统信系统UOS桌面版V20 用户手册
Reyn_观极
07-27 1万+
UOS桌面版V20用户手册。
iOS开发入门笔记
xiangzhihong8的专栏
08-21 4584
iOS开发入门笔记本文面向已有其它语言（如Java，C，PHP，Javascript）编程经验的iOS开发初学者，初衷在于让我的同事一小时内了解如何开始开发iOS App，学习目标包括： 能使用Xcode IDE、模拟器 能修改、调试已有iOS App 能在已有应用内创建新模块 能创建新应用 能发布应用到App Store 本文不包含任何高级的iOS开发知识，已学会iOS开发的同学不要看，看完这篇文
网络相册源码
03-11
本程序没有采用数据库，实现的功能有：新建，删除，修改相册，照片上传下载，大图浏览，照片修改，删除，分享等功能！程序中采用了css使界面更美观！对初学web开发的人有很高的参考意义！
web电子相册
01-04
web电子相册针对于电子相册 基于mvc 团队开发
android 网络相册实现源码
11-02
很好的缓存机智，能够动态加载网络资源，实现放大功能，界面良好，仅需替换掉url地址即可使用
网页制作 电子相册
05-05
网页制作的代码和文档 可以下着看看。这是我们的课程设计，不要错过哦
一个学习如何制作3D相册程序代码的极佳例子
04-28
一个学习如何制作3D相册程序代码的极佳例子
机器学习项目简历收集册-----机器学习（仅供参考）
大大枫free
08-16 2万+
图像识别 项目一：齿轮表面粗糙度自动检测 开发应用：python3+sklearn+opencv 项目描述：1）使用CCD相机获取齿轮表面图像 2）图片预处理，使用中值滤波，去除图片椒盐噪声，使用直方图均衡化进行图像增强 3) 使用小波变换提取零件的纹理特征 4）进行pca主成分分析进行降维获取特征 5）使用支持向量机分类器进行分类 项目二：验证码识别 开发应用：python+tensorflow 项目描述：1）通过公司提供的数据集对数据进行编码 2）搭建cnn神经网络 3）对模型进行训练，提高验证码的识别
HTML5和CSS3 WEB技术开发
最新发布
张晨光老师的播客
01-02 6479
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
ym——android源码大放送（实战开发必备）
热门推荐
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
电子相册，js实现的demo
12-19
电子相册，现是一个demo，计划作为，net封装包
15款实用相册代码
08-25
15款实用相册代码，包括仿淘宝门户画报图片相册代码、仿腾讯可全屏图片展示jQuery代码、仿迅雷影视频道Flash图片切换效果、纵向的JS相册效果、横向的JS相册效果等。
PHP 网络相册系统
10-06
本资源不能用于商业用途，只是计算机专业的一个作业，欢迎大家使用
Android-LeafPic开源的material设计风格Android相册App
08-13
LeafPic是一个开源，material设计风格Android相册App。
jquery超炫瀑布流相册插件特效代码--适合做个人博客相册
05-31
jquery超炫瀑布流相册插件特效代码--适合做个人博客相册，
代码贴
chubangfeng1792的博客
05-13 144
webviewactivity packagecom.example.webview; importjava.util.ArrayList; importjava.util.List; importandroid.support.v4.view.PagerAdap...
php相册源码_为了私藏点小图图，搭个开源相册
weixin_39791322的博客
11-23 2666
背景CentOS上搭建 meiupic 图床(一个PHP写的开源相册)，之前也搭建过 PHP 的 LNMP 环境，但是那是很长时间的事了，并且当时使用的是 Ubuntu Server 版本服务器。本以为很快就搭建 OK，却还是折腾了一晚上，真是惭愧...一、CentOS配置网络本是一件多简单的事，不就是在配置文件/etc/sysconfig/network-scripts/ifcfg-eth0里写...
多款开源免费网络相册/相册系统源码推荐
初学者的专栏
07-01 1万+
Flickr和Picasa是目前互联网两家知名的免费照片储存、分享的网站。当然你也可以拥有一个类似的网站，笔者今天整理并推荐几款国内外开源的相册源码。 Gallery 　　Gallery 是国外一个免费开源的图库相册软件，基于 PHP 和 MySQL/PostgreSQL 等数据库。功能非常强大，有丰富的扩展可以下载，安装很简单，有很多插件可用。非常易于使用，包括一个配置向导，对于相片
eclipse安卓工程相册、相机选择图片功能
06-01
eclipse项目，实现的功能为对相册选取图片以及使用相机拍摄获取图片功能
HTML炫酷相册实现：实用源代码解析
用户可以通过这些源代码快速搭建一个吸引人眼球的在线相册，用来展示个人照片或者项目作品。该源码集成了现代化的网页设计元素和交互功能，支持多种浏览器和设备，确保用户体验的一致性和高质量。 知识点详细说明：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值