如何在asp.net中使用ajax调用上传文件?

Ros*_*han 3 javascript c# asp.net ajax

我创建了一个小型的 ASP.NET Web 表单应用程序来管理电子邮件,我创建了一个小界面,其中包含发送电子邮件的强制性信息,例如发件人、收件人、主题等。现在我想将文件附加到电子邮件,我有使用asp.net文件上传控制器上传文件,并且必须附加多个文件,

界面

现在我想将这些详细信息发送到后面的代码,所以我认为最好的方法是使用ajax调用,因为我不想刷新我的页面,但我不知道如何将附加文件发送到在服务器端,我读过一些文章,他们说我必须使用它FormData来发送文件,然后我创建了一个FormData对象并将所有附加文件附加到该对象。但是如何将此对象传递到服务器端,我的js代码如下,

function sendEmail() {

    var data = new FormData();
    var files = $('.attachment');
    $.each(files, function (key, value) {
        var file = $(value).data('file');
        data.append(file.name, file);
    });

    $.ajax({
        url: "OpenJobs.aspx/sendEmail",
        type: "POST",
        async: false,
        contentType: false, // Not to set any content header  
        processData: false, // Not to process data  
        data: null,
        success: function (result) {
            alert(result);
        },
        error: function (err) {
            alert(err.statusText);
        }
    });

}
Run Code Online (Sandbox Code Playgroud)

有什么帮助吗?

Jay*_*der 6

您需要使用通用处理程序来使用ajax上传文件,请尝试以下代码:

function sendEmail() {

var formData = new FormData();
var files = $('.attachment');
$.each(files, function (key, value) {
    var file = $(value).data('file');
    formData.append(file.name, file);
});

$.ajax({
    url: "FileUploadHandler.ashx",
    type: "POST",
    contentType: false, // Not to set any content header  
    processData: false, // Not to process data  
    data: formData,
    success: function (result) {
        alert(result);
    },
    error: function (err) {
        alert(err.statusText);
    }
});
}
Run Code Online (Sandbox Code Playgroud)

通用处理程序

<%@ WebHandler Language="C#" Class="FileUploadHandler" %>    

using System;    
using System.Web;    

public class FileUploadHandler : 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 fname = context.Server.MapPath("~/uploads/" + file.FileName);    
            file.SaveAs(fname);    
        }    
        context.Response.ContentType = "text/plain";      
    }    

}      
}   
Run Code Online (Sandbox Code Playgroud)