首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Asp.net MVC:上传多个图像文件?

Asp.net MVC:上传多个图像文件?
EN

Stack Overflow用户
提问于 2014-09-11 02:04:28
回答 2查看 64K关注 0票数 22

有没有很好的例子来说明如何在asp.net mvc中上传多个图像文件?我知道我们可以用HttpPostedFileBase上传一个文件。有没有办法通过点击一个按钮来上传多个文件?

我以前在webform的ajaxtoolbox中使用过文件上传,我喜欢它的工作方式。在MVC中有没有类似的方式?或者,有没有一个现有的控件可以很好地做到这一点?免费控制更好,但即使要花费一些$也没问题。

谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-09-11 02:55:30

使用此jQuery plugin

只需包含插件js文件,创建标签:

代码语言:javascript
复制
<input type='file' multiple id='fileUpload' name="files[]" data-url="@Url.Action("Upload","Home")" />

(除了IE9,它不允许在选择对话框中选择多个文件)

添加一些JavaScript:

代码语言:javascript
复制
$(function () {
    $('#fileUpload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    });
});

在控制器操作中,只需检查Request.Files,然后做您想做的任何事情。这是一个很好的documentation

代码语言:javascript
复制
[HttpPost]
public JsonResult Upload() 
{
    foreach (var file in Request.Files)
    {
        if(file.ContentLength > 0)
        {
            file.SaveAs(Server.MapPath("~/Upload/" + file.FileName));
        }
    }

    return Json(new { result = true });
}
票数 6
EN

Stack Overflow用户

发布于 2014-09-11 06:17:55

我用的是这个。https://www.fyneworks.com/jquery/multiple-file-upload/

代码语言:javascript
复制
<input type="file" name="file" class="multiple" /> 

[HttpPost] 
public ActionResult Upload()  
{
    if (Request.Files.Count > 0)
    {
          foreach(var file in Request.Files) {  }
    }

    return View(); 
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25772134

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档