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

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

前台代码：

@{ Layout = null;}

上传文件：

加载中...

后台代码：

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("《script》alert('注册失败!因为您选择图片文件不能大于5M.');window.location='/User/Register';《script》"); } //得到原图的后缀 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实现异步上传的方法，希望对大家的学习有所帮助。