asp.net mvc ajax上传解决方案？

发布时间：2020-12-16 04:22:00 所属栏目：asp.Net 来源：网络整理

导读：我正在寻找好的ajax上传解决方案. 我试着用 1)SWFUpload(它工作正常,但仅适用于一个文件) 2)Jquery Ajax插件(它不工作,它不支持IE中的进度条) 我想问你使用进度条上传多个文件时使用了哪些解决方案？解决方法我个人喜欢 Valums Ajax Upload. 更新：正如评

我正在寻找好的ajax上传解决方案.

我试着用

1)SWFUpload(它工作正常,但仅适用于一个文件)

2)Jquery Ajax插件(它不工作,它不支持IE中的进度条)

我想问你使用进度条上传多个文件时使用了哪些解决方案？

解决方法

我个人喜欢 Valums Ajax Upload.

更新：

正如评论部分所要求的,这是一个如何与ASP.NET MVC一起使用的示例.

控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Upload(string qqFile)
    {
        // The upload action will be called by the client control
        // for each file that was selected by the user for upload

        var path = Server.MapPath("~/App_Data");
        var file = Path.Combine(path,qqFile);
        using (var output = System.IO.File.Create(file))
        {
            Request.InputStream.CopyTo(output);
        }
        return Json(new { success = true });
    }
}

查看(?/ Views / Home / Index.cshtml)：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Ajax Upload demo with ASP.NET MVC</title>
    <link href="@Url.Content("~/Content/fileuploader.css")" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="file-uploader">       
        <noscript>          
            <p>Please enable JavaScript to use file uploader.</p>
            <!-- or put a simple form for upload here -->
        </noscript>         
    </div>

    <script src="@Url.Content("~/Scripts/fileuploader.js")" type="text/javascript"></script>
    <script type="text/javascript">
        var uploader = new qq.FileUploader({
            element: document.getElementById('file-uploader'),action: '@Url.Action("Upload","Home")'
        });    
    </script>
</body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!