Загрузить несколько файлов с помощью jquery ajax в asp mvc

Question

Я использую этот код для загрузки одного файла.

JQuery Ajax:

$(document).ready(function () {
    $('input[type=file]').change(function () {
        $(this).simpleUpload("/Admin/News/GetFile", {
            start: function (file) {
                //upload started
                console.log("upload started");
            },
            progress: function (progress) {
                //received progress
                console.log("upload progress: " + Math.round(progress) + "%");
            },
            success: function (data) {
                //upload successful
                console.log("upload successful!");
                console.log(data);
            },
            error: function (error) {
                //upload failed
                console.log("upload error: " + error.name + ": " + error.message);
            }
        });
    });
});

простой скрипт загрузки.

контроллер:

public ActionResult GetFile(HttpPostedFileBase NewsDefaultFile)
{
     //Request.Files[0];
     if (NewsDefaultFile != null)
     {
         Session.Add("File", NewsDefaultFile);
     }
     return Content("");
}

[HttpPost]
    public ActionResult CreateNews(NewsModel model)
    {
        if (model.NewsDefaultFile == null)
        {
            var File = (HttpPostedFileBase)Session["File"];
            if (File.ContentLength > 0)
            {
                var ext = System.IO.Path.GetExtension(File.FileName);
                if (ext == ".jpg" || ext == ".png" || ext == ".jpeg")
                {
                    string filename = model.NewsTitle + _NewsClass.Rand();
                    File.SaveAs(System.IO.Path.Combine(Server.MapPath(@"~/Upload/Image/" + filename)));
                    model.NewsDefaultFile = filename;
                    model.NewsDefaultFileExt = ext;
                }
                if (ext == ".webm" || ext == ".mkv" || ext == ".flv" || ext == ".avi" || ext == ".mov" || ext == ".3gp" || ext == ".mp4")
                {
                    string filename = _NewsClass.Rand() + model.NewsTitle;
                    File.SaveAs(System.IO.Path.Combine(Server.MapPath(@"~/Upload/Video/" + filename)));
                    model.NewsDefaultFile = filename;
                    model.NewsDefaultFileExt = ext;
                }
                if (ext == ".mp3" || ext == ".ogg" || ext == "WAV" || ext == ".avi" || ext == ".mov" || ext == ".3gp" || ext == ".mp4")
                {
                    string filename = _NewsClass.Rand() + model.NewsTitle;
                    File.SaveAs(System.IO.Path.Combine(Server.MapPath(@"~/Upload/Audio/" + filename)));
                    model.NewsDefaultFile = filename;
                    model.NewsDefaultFileExt = ext;
                }
            }
        }
    }

Теперь мне нужно выложить несколько файлов с этим кодом, как это сделать?

Answer 1

Я думаю, что вы просто должны изменить тип в вашем Session["File"] использовать List<HttpPostedFileBase> вместо HttpPostedFileBase,

Как вы просили сделать это с помощью предоставленного кода.

Измените свой код для GetFile действие:

public ActionResult GetFile(HttpPostedFileBase NewsDefaultFile)
{
    //Request.Files[0];
    if (NewsDefaultFile != null)
    {
        // Retrieve the list from session or create a new one
        var files = Session["Files"] == null ? 
            new List<HttpPostedFileBase>() : 
            (List<HttpPostedFileBase>)Session["Files"];

        // Add the posted file
        files.Add(NewsDefaultFile);

        // Store the list in session
        Session["Files"] = files;
     }
     return Content("");
}

И измените свой код для CreateNews действие:

[HttpPost]
public ActionResult CreateNews(NewsModel model)
{
    if (model.NewsDefaultFile == null)
    {
        if (Session["Files"] != null)
        {
            // Retrieve in Session
            var files = (List<HttpPostedFileBase>)Session["Files"];
            var i = 1; // Just to change a bit the filename

            foreach (var File in files)
            {
                if (File.ContentLength > 0)
                {
                    var ext = System.IO.Path.GetExtension(File.FileName);
                    if (ext == ".jpg" || ext == ".png" || ext == ".jpeg")
                    {
                        // Just added $"_{i}" to avoid overriding saved file
                        string filename = model.NewsTitle + _NewsClass.Rand() + $"_{i}";
                        File.SaveAs(System.IO.Path.Combine(Server.MapPath(@"~/Upload/Image/" + filename)));
                        model.NewsDefaultFile = filename;
                        model.NewsDefaultFileExt = ext;
                        i++;
                    }
                    if (ext == ".webm" || ext == ".mkv" || ext == ".flv" || ext == ".avi" || ext == ".mov" || ext == ".3gp" || ext == ".mp4")
                    {
                        // Just added $"_{i}" to avoid overriding saved file
                        string filename = _NewsClass.Rand() + model.NewsTitle + $"_{i}";
                        File.SaveAs(System.IO.Path.Combine(Server.MapPath(@"~/Upload/Video/" + filename)));
                        model.NewsDefaultFile = filename;
                        model.NewsDefaultFileExt = ext;
                        i++;
                    }
                    if (ext == ".mp3" || ext == ".ogg" || ext == "WAV" || ext == ".avi" || ext == ".mov" || ext == ".3gp" || ext == ".mp4")
                    {
                        // Just added $"_{i}" to avoid overriding saved file
                        string filename = _NewsClass.Rand() + model.NewsTitle + $"_{i}";
                        File.SaveAs(System.IO.Path.Combine(Server.MapPath(@"~/Upload/Audio/" + filename)));
                        model.NewsDefaultFile = filename;
                        model.NewsDefaultFileExt = ext;
                        i++;
                    }
                }
            }
        }
    }
}

Answer 2

Попробуйте, как показано ниже, может быть полезным.

[HttpPost]
public ActionResult GetFile(List<HttpPostedFileBase> NewsDefaultFile)
{
    if (NewsDefaultFile != null)
    {
       Session["Files"] = NewsDefaultFile;
    }     
    return Content("");
}

[HttpPost]
public ActionResult CreateNews(NewsModel model)
{
    if (model.NewsDefaultFile == null && Session["Files"] != null)
    {
        // Retrieve in Session
        var files = (List<HttpPostedFileBase>)Session["Files"];
        var i = 1; // Just to change a bit the filename

        foreach (var File in files)
        {
            //write your own logic here 
            if (File.ContentLength > 0)
            {
                var ext = System.IO.Path.GetExtension(File.FileName);
                if (ext == ".jpg" || ext == ".png" || ext == ".jpeg")
                {
                    // Just added $"_{i}" to avoid overriding saved file
                    string filename = model.NewsTitle + _NewsClass.Rand() + $"_{i}";
                    File.SaveAs(System.IO.Path.Combine(Server.MapPath(@"~/Upload/Image/" + filename)));
                    model.NewsDefaultFile = filename;
                    model.NewsDefaultFileExt = ext;
                    i++;
                }
                if (ext == ".webm" || ext == ".mkv" || ext == ".flv" || ext == ".avi" || ext == ".mov" || ext == ".3gp" || ext == ".mp4")
                {
                    // Just added $"_{i}" to avoid overriding saved file
                    string filename = _NewsClass.Rand() + model.NewsTitle + $"_{i}";
                    File.SaveAs(System.IO.Path.Combine(Server.MapPath(@"~/Upload/Video/" + filename)));
                    model.NewsDefaultFile = filename;
                    model.NewsDefaultFileExt = ext;
                    i++;
                }
                if (ext == ".mp3" || ext == ".ogg" || ext == "WAV" || ext == ".avi" || ext == ".mov" || ext == ".3gp" || ext == ".mp4")
                {
                    // Just added $"_{i}" to avoid overriding saved file
                    string filename = _NewsClass.Rand() + model.NewsTitle + $"_{i}";
                    File.SaveAs(System.IO.Path.Combine(Server.MapPath(@"~/Upload/Audio/" + filename)));
                    model.NewsDefaultFile = filename;
                    model.NewsDefaultFileExt = ext;
                    i++;
                }
            }
        }    
    }
}