ASP.NET(C#)实现一次性上传多张图片(多个文件)

ASP.NET(C#)实现一次性上传多张图片(多个文件)
HTML文件:
<% @ 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" >< 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 >
            
< tr >
                
< td  align ="right"  style ="width: 100px" ></ td >
                
< td  align ="left"  style ="width: 500px" >< asp:Button  ID ="btnUpload"  runat ="server"  Text ="开始上传"  OnClick ="btnUpload_Click"    /></ td >
            
</ tr >
            
< tr >
                
< td  align ="right"  style ="width: 100px" ></ td >
                
< td  align ="left"  style ="width: 500px" >< asp:Label  ID ="lblMessage"  runat ="server"  Font-Bold ="True"  ForeColor ="Red" ></ asp:Label ></ td >
            
</ tr >
        
</ table >
        
</ asp:Panel >
        
</ td >
    
</ tr >
    
< tr >
        
< td  align ="center"  style ="width: 734px" ></ td >
    
</ tr >
</ table >
</ div >
</ form >
</ body >
</ html >
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(100100000000).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;
        }

    }

}
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值