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

前端之家收集整理的这篇文章主要介绍了基于jQuery通过jQuery.form.js插件实现异步上传前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

前台代码

upload
文件名称 上传文件

后台代码

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);
 //<a href="/tag/shengcheng/" target="_blank" class="keywords">生成</a>新的<a href="/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="/tag/zhuce/" target="_blank" class="keywords">注册</a>失败!因为您未选择<a href="/tag/tupian/" target="_blank" class="keywords">图片</a><a href="/tag/wenjian/" target="_blank" class="keywords">文件</a>.');window.location='/User/Register';</script>");
 }
}

}

return Content("");
}

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

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

猜你在找的jQuery相关文章