ASP.NET 上传图片

前台:

        function checkType() {
            if ($("#FUp_Picture").val() == "") {
                return;
            }
            //得到上传文件的值    
            var fileName = document.getElementById("FUp_Picture").value;
            //返回String对象中子字符串最后出现的位置.    
            var seat = fileName.lastIndexOf(".");
            // alert("返回String对象中子字符串最后出现的位置" + seat);
            //返回位于String对象中指定位置的子字符串并转换为小写.    
            var extension = fileName.substring(seat).toLowerCase();
            // alert("返回位于String对象中指定位置的子字符串并转换为小写" + extension);
            //判断允许上传的文件格式    
            var allowed = [".jpg", ".gif", ".png", ".bmp", ".jpeg"];
            for (var i = 0; i < allowed.length; i++) {
                if (!(allowed[i] != extension)) {
                    return true;
                }
            }
            alert("不支持" + extension + "格式");
            return false;
        }

 

<div id="Pic" closable="false" style="overflow: auto; width: 475px; height: 280px;
            margin-left: 10px;">
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                    <td colspan="3">
                        <asp:Image ID="IgMeet_Pic" runat="server" Width="465px" Height="370px" />
                    </td>
                </tr>
                <tr>
                    <td height="5px">
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <asp:FileUpload ID="FUp_Picture" runat="server" BackColor="White" />
                    </td>
                </tr>
            </table>
        </div>

 

   <asp:Button ID="btn_update" runat="server" Text="确认" Height="20px" Width="88px" OnClick="btn_update_Click"
                        OnClientClick="checkType();" />

 

 

后台:

   protected void btn_update_Click(object sender, EventArgs e)
        {
           
            ///链接 数据库  获得链接字符串
        
            string connStr = ConfigurationManager.AppSettings["SQLCONNECTIONSTRING"].ToString();
            con = new SqlConnection(connStr);
            ///获取Image控件物理路径
            string[] PicName = IgMeet_Pic.ImageUrl.Split('/');
        
            //PicName[PicName.Length -1]
            if (this.FUp_Picture.HasFile)
            {
                //判断文件是否小于10Mb 
                if (this.FUp_Picture.PostedFile.ContentLength < 10485760)
                {
                    try
                    {
                        获取图片大小
                        //  fileDataStream = FUp_Picture.PostedFile.InputStream;
                        //  System.Drawing.Image image = System.Drawing.Image.FromStream(fileDataStream);//从上传文件流中实例化Image类
                        //  float w = image.Width;//获取上传文件的水平分辨率(以“像素/英寸”为单位)。
                        //  float h = image.Height;//获取上传文件的垂直分辨率(以“像素/英寸”为单位)。
                        //图片 UU+格式
                        string[] GeShi = this.FUp_Picture.FileName.Split('.');
                        string UUSix = txt_UU.Text +"."+GeShi[GeShi.Length-1];
                        // string NowTime = DateTime.Now.ToFileTimeUtc().ToString() + this.FUp_Picture.FileName;
                          this.FUp_Picture.PostedFile.SaveAs(Server.MapPath("/Meet_PlcImages/" + UUSix));
                        if (File.Exists(Server.MapPath("/Meet_PlcImages/" + PicName[PicName.Length - 1])))//必须是物理路径
                        {
                            File.Delete(Server.MapPath("/Meet_PlcImages/" + PicName[PicName.Length - 1]));
                        }
                     /*注意->这里为什么不是:FileUpLoad1.PostedFile.FileName  
                      * 而是:FileUpLoad1.FileName?  
                      * 前者是获得客户端完整限定(客户端完整路径)名称   this.FUp_Picture.FileName
                      * 后者FileUpLoad1.FileName只获得文件名.*/
                      //  hs.Add("LogUrl", "/Meet_PlcImages/" + UUSix);//加载数据库用的
                    }
                    catch
                    {
                      //  hs.Add("LogUrl", "");
                    }
                }
                else
                {
                    new ClassMessageBox(this).UIAlter("图片不得大于10M!", "", true);
                }
            }
        }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
逐个模块给出以下说明: 一个用户只能在同一时间登陆一次,需要经过电脑ip验证,用户名和密码验证,全部通过才可以进入首页。 用户登录:首先进入首页,显示该用户今天上传的图片。 1.查看图片:显示该用 户上传的所有图片,显示内容:图像描述,图像大小,是否验证,上传时间,查看,删除 2.上传图片:用户可以上传图片,在上传时有预览的功能,如果数据库中已存在上传过的照片,则提醒用户已上传,否则进入等待验证页面,等待后台验证,若验证成功则显示上传的图像,如果失败则提醒用户是否继续等待验证 3.修改口令:用户可以修改自己的密码 4.退出系统:用户退出当前系统,注销 5.团队简介和客户服务主要是显示团队介绍和联系方式 管理员登陆:进入首页,显示今天上传的所有图片,显示内容:编号,id,图像描述,图像大小,是否验证,上传用户,ip,上传时间,查看,删除 1.查看用户:显示用户名,密码,增加时间,上传几张图片,删除 2.增加用户:包括用户名,密码 3.查找用户:根据输入的用户名进行模糊查询,显示内容:用户名,密码,添加时间,上传几张图片,删除 4.查看所有图片:显示编号,id,图像描述,图像大小,是否验证,上传用户,ip,上传时间,查看,操作,其中id,图像描述,图像大小,是否验证,上传用户,ip,上传时间字段具有排序功能 5.查找图片:可以根据用户名和上传日期进行查询 6.查看节点:显示IP地址,删除 7.增加节点:输入客户端的ip地址进行添加 8.退出系统:进行注销 9.团队简介和客户服务:主要是显示团队介绍和联系方式

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值