ASP.NET(C#)實現一次性上傳多張圖片（多個檔案）

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

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

<!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>ASP.NET(C#)實現一次性上傳多張圖片（多個檔案）</title>

<script type="text/javascript">
var i=1
function addFile()
{

if (i<8)
{var str = '<BR> <input type="file" name="File" runat="server" style="width: 200px"/>描述：<input name="text" type="text" style="width: 150px" maxlength="20" />'
document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)

    }
else
    {
        alert("您一次最多隻能上傳8張圖片！")
    }
    i++
}
</script>


</head>
<body>
    <form id="form1" runat="server">
   <div>
        <table id="Table1" align="center" border="0" cellpadding="1" cellspacing="1" class="table">

            <tr>
                <td align="center">
                    <font color="#0000ff" face="宋體" size="3"><strong>上傳圖片</strong></font></td>
            </tr>
            <tr>
                <td align="center" style="width: 734px">
                     </td>
            </tr>
            <tr>
                <td align="center" style="width: 734px">
                    <asp:Panel ID="Panel5" runat="server">
                           <table width="100%">
                            <tr>
                                <td align="right" style="width: 100px">
                                </td>
                                <td align="left" style="width: 500px">
                                    說明：點增加圖片按鈕可一次上傳多張圖片，可為每張圖片寫上一句不超過20個字的描述。單張圖片大小不大於1024k</td>
                            </tr>
                            <tr>
                                <td align="right" style="width: 100px">
                                    請選擇圖片：<br />
                                </td>
                                <td align="left" style="width: 500px"><p id="MyFile"><input onclick="addFile()" type="button" value="增加圖片(Add)"></p><br />
                                    <input id="File1" type="file" name="File" runat="server" style="width: 245px"/>
                                    描述：<input name="text" type="text" style="width: 150px" maxlength="20" />
                                </td>
                            </tr>

+++++++++++++++++++++++++++++++++++++++++++++ cs檔案

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.IO;

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

    }
    protected void btnUpload_Click(object sender, EventArgs e)
    {
        lblMessage.Text = "";
        lblMessage.Visible = false;
        System.Web.HttpFileCollection files = System.Web.HttpContext.Current.Request.Files;
        System.Text.StringBuilder strmsg = new System.Text.StringBuilder("");
        string[] rd = Request.Form[1].Split(',');//獲得圖片描述的文字框字串數組，為對應的圖片的描述
        //string albumid=ddlAlbum.SelectedValue.Trim();
        int ifile;
        for (ifile = 0; ifile < files.Count; ifile++)
        {
            if (files[ifile].FileName.Length > 0)
            {
                System.Web.HttpPostedFile postedfile = files[ifile];
                if (postedfile.ContentLength / 1024 > 1024)//單個檔案不能大於1024k
                {
                    strmsg.Append(Path.GetFileName(postedfile.FileName) + "---不能大於1024k<br>");
                    break;
                }
                string fex = Path.GetExtension(postedfile.FileName);
                if (fex != ".jpg" && fex != ".JPG" && fex != ".gif" && fex != ".GIF")
                {
                    strmsg.Append(Path.GetFileName(postedfile.FileName) + "---圖片格式不對，只能是jpg或gif<br>");
                    break;
                }
            }
        }
        if (strmsg.Length <= 0)//說明圖片大小和格式都沒問題
        {
            //以下為建立圖庫目錄
            string dirpath = Server.MapPath("51aspx");

            if (Directory.Exists(dirpath) == false)
            {
                Directory.CreateDirectory(dirpath);
            }
            Random ro = new Random();
            int name = 1;
            for (int i = 0; i < files.Count; i++)
            {
                System.Web.HttpPostedFile myFile = files[i];
                string FileName = "";
                string FileExtention = "";
                FileName = System.IO.Path.GetFileName(myFile.FileName);
                string stro = ro.Next(100, 100000000).ToString() + name.ToString();//產生一個隨機數用於新命名的圖片
                string NewName = DateTime.Now.Minute.ToString() + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + stro;
                if (FileName.Length > 0)//有檔案才執行上傳操作再儲存到資料庫
                {
                    FileExtention = System.IO.Path.GetExtension(myFile.FileName);

string ppath = dirpath + @"\" + NewName + FileExtention;
myFile.SaveAs(ppath);

}

name = name + 1;//用來重新命名規則的變數

}

            Response.Write("<script>alert('恭喜，圖片上傳成功！')</script>");
        }
        else
        {
            lblMessage.Text = strmsg.ToString();
            lblMessage.Visible = true;
        }
    }
}

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More