一次上传多张图片

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></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">
                    &nbsp;</td>
            </tr>
            <tr>
                <td align="center" style="width: 734px">
                    <asp:Panel ID="Panel5" runat="server">
                        &nbsp; &nbsp;<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 οnclick="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>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td align="center" style="width: 734px">
                    <font face="宋体"></font><font face="宋体">&nbsp;</font>
                </td>
            </tr>
        </table>
    
    </div>
    
    </form>
</body>
</html>
复制代码
复制代码
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("images");

            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;
        }
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET MVC框架提供了多种方法来实现一次上多张图片的功能。 一种常见的方法是在前端使用HTML5的文件选择控件来实现多文件上。在HTML页面中,我们可以使用<input type="file" multiple/>来创建一个文件上控件,multiple属性表示可以选择多个文件。当用户选择了多张图片后,这些图片会被封装成一个FileList对象,我们可以通过JavaScript将FileList对象递给后端。 在后端,我们可以使用ASP.NET MVC的控制器来处理这些上图片。在控制器的方法中,我们可以通过参数绑定来接收上的文件。可以使用HttpPostedFileBase类型的数组来接收多个文件,并通过循环遍历每个文件进行处理。对于每个文件,我们可以使用其FileName属性获取文件名,使用SaveAs方法保存文件到服务器指定的路径。 另一种方法是使用第三方插件或库来简化多文件上的实现。例如,可以使用FineUploader、Dropzone.js等插件来实现多文件上的功能。这些插件提供了专门的JavaScript API和样式来处理文件上操作,并且可以与ASP.NET MVC框架无缝集成。 总体而言,实现ASP.NET MVC一次上多张图片的功能可以通过HTML5的文件选择控件及其API,或使用第三方插件来实现。无论使用哪种方法,我们都需要在前端进行多文件选择和上操作,并在后端控制器中接收和处理上的文件。当然,为了确保上的文件不会超过服务器的负载能力,我们还可以在前端和后端进行一些限制和校验,比如限制上文件的数量和大小。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值