零废话VS2012 MVC3项目中javascript、C#实现图片上传
来源:互联网 发布:linux服务器视频教程 编辑:程序博客网 时间:2024/06/03 17:22
零废话,略去一切合法性验证、健壮性处理,回调函数等内容,只保留必不可少的代码部分。
如要保存的路径是否存在,文件是否同名,文件引用路径等各位自己注意。
1.新建MVC3项目,在项目中新建一个HomeController,然后添加视图,名称为Index.cshtml。
然后在Index.cshtml文件中分别引用jquery(我用的1.7.1),jquery.form.js 和新建的一个js文件,如JavaScript1.js。
自此准备工作做完。
下面开始放入代码。
2.cshtml中代码,除了引用js的几个之外,只需要以下内容即可。
<form id="fileForm" method="post" action="Home/ImageUpLoad" enctype="multipart/form-data" > <input type="file" name="upImage"/> <input id="btnUpload" type="button" value="上传" /></form>
3.在JavaScript1.js中全部内容如下:
$(function() { //异步上传图片 $("#btnUpload").click(function () { $('#fileForm').ajaxSubmit(); });});
3.在HomeController中新增一个保存文件的方法。如下:
//[HttpPost] 可以写上,注释掉也没报错 public string ImageUpLoad() { HttpPostedFileBase hp = Request.Files["upImage"]; string uploadPath = Server.MapPath("~/"); string fileName = DateTime.Now.ToLongDateString() + System.IO.Path.GetExtension(hp.FileName); string saveFile = uploadPath + fileName; hp.SaveAs(saveFile); return "success"; }
依次拷贝到相应文件中即可,注意路径等。
Ctrl+F5 即可直接运行,上传的图片将会保存在特定目录下。
亲测可用。
0 0
- 零废话VS2012 MVC3项目中javascript、C#实现图片上传
- javascript中上传图片的实现方法
- C#实现上传图片
- MVC3下异步表单提交上传图片实现
- vs2012 mvc3项目ObjectContext与DBContext
- vs2012 mvc3项目ObjectContext与DBContext
- JavaScript实现图片上传预览
- javascript实现异步上传图片
- JQuery上传插件Uploadify MVC3 上传图片
- C#中使用iframe结合js实现图片异步上传
- C# 实现多图片上传
- ASP.NET项目中使用CKEditor +CKFinder 实现上传图片
- web项目中图片上传
- 上传图片上传项目源码中
- 从零基础认识KindEditor实现图片上传
- ASP.NET MVC3 AJAX 上传图片示例
- django中实现图片上传
- MonoDevelop中新建MVc3项目
- JS对象、DOM对象、Jqeury对象、Json对象 对比分析
- 当里个当,免费的HTML5连载来了《HTML5网页开发实例详解》连载(一)
- 百度百科中关于fwrite的用法说明
- tomcat设置https双向协议
- struts2中接受参数的几种方式!!!
- 零废话VS2012 MVC3项目中javascript、C#实现图片上传
- 升级linux bash
- linux内核空间和用户空间的是怎样区别的,如何交互,如何从用户空间进入内核空间
- HDU 2717 Catch That Cow
- How To Fix soapUI JVM Maximum Heap Size (-Xmx) Error [Solution]
- 外贸开发,用java调用速卖通api第一步,token的获取。
- cxGridDBTableView用代码创建页脚合计
- ubuntu下zendstudio10.6.1+xdebug安装
- ObjecT4:On-line multiple instance learning (MIL)学习