Question

我正在编写一个程序（网站），它在服务器上上传图像，显示它们并将它们保存在一个文件夹中。我想添加一个进度条，它将在填充时连接到图像的文件大小。这是我的Default.aspx文件

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <title></title>
</head>
<body>

    <form id="form1" runat="server">
    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <br />
        <br />
        <br />
        <asp:FileUpload ID="FileUpload1" runat="server" AllowMultiple="true" />
        <br />
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        <br />
        <output id="images"></output>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:GridView ID="gvPhotos" runat="server" AutoGenerateColumns="false">
                    <Columns>
                        <asp:BoundField DataField ="Text" HeaderText="filename" />
                        <asp:ImageField DataImageUrlField="Value" ControlStyle-Height="250" ControlStyle-Width="250" HeaderText="Photo" />
                    </Columns>
                </asp:GridView>
            </ContentTemplate>
        </asp:UpdatePanel>
        <br /> 

        <asp:UpdateProgress ID="UpdateProgress1" runat="server">
            <ProgressTemplate>
                Loading....<br />
                <br />

            </ProgressTemplate>
        </asp:UpdateProgress>

    </div>
        <p>
            <asp:Label ID="lblSuccess" runat="server"></asp:Label>
        </p>
    </form>
</body>
</html>

这是Default.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;
using System.Threading;

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

    }

    protected void Button1_Click(object sender, EventArgs e)
    {

        List<ListItem> sia = new List<ListItem>();

        if(FileUpload1.HasFiles)
    {

        foreach(var file in FileUpload1.PostedFiles)
        { string[] fileName = Directory.GetFiles(Server.MapPath("~/Images/"));

        file.SaveAs(System.IO.Path.Combine(Server.MapPath("~/Images/"), file.FileName));

            Response.Write(file.FileName + " - " + file.ContentLength + " Bytes. <br />");

            sia.Add(new ListItem(file.FileName, "~/Images/" + file.FileName));

        }


        lblSuccess.Text = string.Format("{0} files have been uploaded successfully.",      FileUpload1.PostedFiles.Count);
    }
        gvPhotos.DataSource = sia;
        gvPhotos.DataBind();

    }
}

请帮我在Default.aspx中插入一个jquery栏。提前谢谢

使用asp.net中的进度条上传图像c＃

0 个答案: