首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ASP.Net从jQuery中选择多个文件后上传

当您使用ASP.Net和jQuery时,要实现多个文件上传,可以使用以下方法:

  1. 在HTML中添加文件输入和提交按钮:
代码语言:html<input type="file" id="files" name="files" multiple /><button id="upload">上传文件</button>
复制
  1. 在JavaScript中添加文件选择和上传处理逻辑:
代码语言:javascript
复制
$(document).ready(function () {
  $("#upload").click(function () {
    var files = $("#files")[0].files;
    var formData = new FormData();
    for (var i = 0; i< files.length; i++) {
      formData.append("files", files[i]);
    }
    $.ajax({
      url: "Upload.ashx",
      type: "POST",
      data: formData,
      processData: false,
      contentType: false,
      success: function (response) {
        alert("文件上传成功!");
      },
      error: function (error) {
        alert("文件上传失败!");
      },
    });
  });
});
  1. 在服务器端创建一个处理文件上传的HTTP处理程序(如ASP.Net中的Generic Handler):
代码语言:csharp
复制
using System;
using System.Web;

public class Upload : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        if (context.Request.Files.Count > 0)
        {
            HttpFileCollection files = context.Request.Files;
            for (int i = 0; i< files.Count; i++)
            {
                HttpPostedFile file = files[i];
                string fileName = file.FileName;
                int fileSize = file.ContentLength;
                string contentType = file.ContentType;
                // 在这里处理文件上传,例如保存到服务器或数据库
            }
        }
    }

    public bool IsReusable
    {
        get { return false; }
    }
}

通过以上方法,您可以在ASP.Net中使用jQuery实现多个文件上传。推荐的腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

31分41秒

【玩转 WordPress】腾讯云serverless搭建WordPress个人博经验分享

5分33秒

JSP 在线学习系统myeclipse开发mysql数据库web结构java编程

1分23秒

如何平衡DC电源模块的体积和功率?

领券