ASP.NET中 FileUpload(上传控件)的使用

ylbtech-ASP.NET-Control-Basic:FileUpload(上传控件)的使用

ASP.NET中 FileUpload(上传控件)的使用。

1.A,运行效果返回顶部

FileUpload(上传控件)

属性

值

作用

请选择图片：

状态：

上传图片成功！

1.B,源代码返回顶部

/FileUpload.aspx

View Code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FileUpload.aspx.cs" Inherits="WebControls_FileUpload" %>

<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <h3>FileUpload(上传控件)</h3>
        <table style="width: 100%;">
            <tr>
                <td>
                    &nbsp;
                    属性</td>
                <td>
                    值</td>
                <td>
                    作用</td>
            </tr>
        </table>
        <hr />
        请选择图片：<asp:FileUpload ID="fupImage" runat="server" />
        &nbsp;<asp:Button ID="btnSubmit" runat="server" Text="上传" 
            onclick="btnSubmit_Click" />
        <hr />
        状态：<div id="divState" runat="server"></div>
    </div>
    </form>
</body>
</html>

/FileUpload.aspx.cs

View Code

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class WebControls_FileUpload : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        //如果以选择图片
        if (fupImage.HasFile)
        {

            //图片
            string fileName = fupImage.FileName;
            //保存图片
            fupImage.SaveAs(Server.MapPath("~/UpImages/" + fileName));

            //提示
            divState.InnerHtml = "<h5>上传图片成功！</h5>";

        }
        else
        {
            //提示
            divState.InnerHtml = "<h5>请选择上传图片！</h5>";
        }
    }
}

/UpImages/ 上传文件存放位置

1.C,资源下载返回顶部

https://files.cnblogs.com/ylbtech/WebForm-BasicControl-HTML.rar

作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

posted on 2013-03-06 09:38 ylbtech 阅读(5369) 评论(1) 编辑收藏举报