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>
As requested in the comments section here's an example of how this could be used with ASP.NET MVC.
Controller:
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 });
}
}
View (~/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>
发布评论
评论（1）
我个人喜欢 Valums Ajax Upload。
更新：
根据评论部分的要求，这里有一个示例，说明如何将其与 ASP.NET MVC 一起使用。
控制器：
视图（
~/Views/Home/Index.cshtml）：Personally I like Valums Ajax Upload.
UPDATE:
As requested in the comments section here's an example of how this could be used with ASP.NET MVC.
Controller:
View (
~/Views/Home/Index.cshtml):