• 037. asp.netWeb用户控件之五使用用户控件实现文件上传功能


    fileUpload.ascx代码:

    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="fileUpload.ascx.cs" Inherits="fileUpload" %>
    <style type="text/css">
        .style3
        {
            width: 196px;
        }
        .style4
        {
            width: 507px;
            height: 269px;
        }
        .style5
        {
            width: 82%;
        }
        .style6
        {
            height: 180px;
        }
        .style7
        {
            width: 102px;
            text-align: right;
        }
    </style>
    <table align="left" cellpadding="0" cellspacing="0" class="style4" 
        style="background-image: url('upload.JPG')">
        <tr>
            <td valign="top">
                <table align="center" cellpadding="0" cellspacing="0" class="style5" 
                    style="font-size: small">
                    <tr>
                        <td class="style6" colspan="3">
                        </td>
                    </tr>
                    <tr>
                        <td class="style7">
                            选择文件:</td>
                        <td class="style3">
                <asp:FileUpload ID="FileUpload1" runat="server" />
                        </td>
                        <td style="text-align: left">
                            <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/WebControlUpload/shangchuan.JPG" onclick="ImageButton1_Click" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            &nbsp;</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    fileUpload.ascx.cs代码:

    public partial class fileUpload : System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
        protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
        {
            string serverPath = Server.MapPath("UpLoad");                //获取服务器端目录绝对路径
            if (!System.IO.Directory.Exists(serverPath))                //如果不存在该目录
            {
                System.IO.Directory.CreateDirectory(serverPath);            //创建该目录
            }
            if (FileUpload1.HasFile)                            //判断是否选择上传的文件
            {
                string imgtype = FileUpload1.PostedFile.ContentType;//获取客户端发送的文件类型
                imgtype = imgtype.Substring(0, 5);
                if (imgtype != "image")
                {
                    Page.ClientScript.RegisterStartupScript(this.GetType(), "", "alert('请选择图片');", true);
                }
                else
                {
                    int filesize = FileUpload1.PostedFile.ContentLength / 1024 / 1024;//获取上传文件的大小
                    if (filesize > 8)                            //如果大于8M
                    {
                        Page.ClientScript.RegisterStartupScript(this.GetType(), "", "alert('只允许上传不大于8兆的文件');", true);                                    //弹出提示信息
                        return;
                    }
                    else                            //否则
                    {
                        //使用SaveAs方法将上传的文件存储到服务器中
                        FileUpload1.SaveAs(serverPath + "\" + FileUpload1.FileName);
                        Page.ClientScript.RegisterStartupScript(this.GetType(), "", "alert('上传成功');", true);
                    }
                }
            }
            else                                    //如果没有选择文件
            {
                //弹出提示信息
                Page.ClientScript.RegisterStartupScript(this.GetType(), "", "alert('请选择文件');", true);
    return;
            }
        }
    }

    Default.aspx代码:

    <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
    <%@ Register src="fileUpload.ascx" tagname="fileUpload" tagprefix="uc1" %>
    <!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>
        <style type="text/css">
            #form1
            {
                width: 639px;
                height: 152px;
                text-align: right;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <uc1:fileUpload ID="fileUpload1" runat="server" />
        </form>
    </body>
    </html>

    最终效果图:

  • 相关阅读:
    react模拟后端接口及提交方式 json-server
    CSS基础知识(概念、块级元素、行内元素、选择器)
    HTML基础知识(表格、表单)
    HTML基础知识(常见元素、列表、链接元素、图片元素)
    【Ionic】---AngularJS扩展基本布局
    多行文本溢出显示省略号…
    【AngularJs】---"Error: [ng:areq] Argument 'fn' is not a function, got undefined"
    【AngularJs】---$sce 输出Html
    【AngularJs】---实现select的ng-options
    浅谈WLAN干扰与抗干扰技术
  • 原文地址:https://www.cnblogs.com/wxylog/p/6187593.html
Copyright © 2020-2023  润新知