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

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

前台代码：

上传文件：

后台代码：

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 = System.IO.Path.GetExtension(file.FileName);
 //生成新的名称
 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('注册失败!因为您未选择图片文件.');window.location='/User/Register';</script>");
 }
}

}

return Content("");
}

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

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