基于jQuery通过jQuery.form.js插件实现异步上传

本文主要从前台和后台代码分析了jquery.form.js实现异步上传的方法，分享给大家，具体代码如下

前台代码：

rush:xhtml;"> @{ Layout = null; }

文件名称： 上传文件：

display: none;">加载中...

后台代码：

rush:csharp;"> using System; using System.Collections.Generic; using System.Drawing; using System.Linq; using System.Web; using System.Web.Mvc;

namespace IceMvc.Controllers
{
public class UploadController : Controller
{
//
// GET: /Upload/

public ActionResult Index()
{
return View();
}

[HttpPost]
public ActionResult Upload()
{
var filesList = Request.Files;
for (int i = 0; i < filesList.Count; i++)
{
var file = filesList[i];
if (file.ContentLength > 0)
{
if (file.ContentLength > 5242880)
{
return Content("");
}

 //得到原图的后缀
 string extName = Sy<a href="https://www.jb51.cc/tag/stem/" target="_blank" class="keywords">stem</a>.IO.Path.GetExtension(file.FileName);
 //<a href="https://www.jb51.cc/tag/shengcheng/" target="_blank" class="keywords">生成</a>新的<a href="https://www.jb51.cc/tag/mingcheng/" target="_blank" class="keywords">名称</a>
 string newName = Guid.NewGuid() + extName;

 string imgPath = Server.MapPath("/upload/img/") + newName;

 if (file.ContentType.Contains("image/"))
 {
  using (Image img = Image.FromStream(file.InputStream))
  {
   img.Save(imgPath);
  }
  var obj = new { fileName = newName };
  return Json(obj);
 }
 else
 {
  //return Content("<script>alert('<a href="https://www.jb51.cc/tag/zhuce/" target="_blank" class="keywords">注册</a>失败!因为您未选择<a href="https://www.jb51.cc/tag/tupian/" target="_blank" class="keywords">图片</a><a href="https://www.jb51.cc/tag/wenjian/" target="_blank" class="keywords">文件</a>.');window.location='/User/Register';</script>");
 }
}

}

return Content("");
}

public ActionResult Afupload()
{
return View();
}
}
}

以上就是针对jquery.form.js实现异步上传的方法，希望对大家的学习有所帮助。