注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯倦客的博客

祝福你朋友永远快乐!

 
 
 

日志

 
 

MVC 上传图片  

2011-08-17 13:45:14|  分类: MVC |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
直接上代码:

页面:Index.aspx

MVC 上传图片 - 海里的贝壳 - apple的博客
1 <form action="/UploadImage/AddNew" method="post" name="fall" enctype="multipart/form-data">
2 <table cellspacing="1" cellpadding="5" width="760px" align="center" border="0" bgcolor="#E6E6E6">
3 <tr>
4 <td width="20%" align="right" class="title">
5 上传图片:
6 </td>
7 <td align="left" class="content">
8 <table width="100%" border="0" cellpadding="0" cellspacing="0" class="jiage">
9 <tr>
10 <td width="36%" rowspan="2" align="center">
11 <div id="img_s">
12 <img src="/content/images/nopic.gif" border="0" />
13 </div>
14 </td>
15 <td width="64%" height="41" colspan="2">
16 <br />
17 <div id="input_s">
18 <input name="uploadpic" type="file" id="uploadfile" size="20"/>
19
20 </div>
21 <br />
22 <font color="#999999">图片格式必须为jpg或gif格式,图片大小不超过200K。</font>
23 </td>
24 </tr>
25 <tr>
26 <td height="30" colspan="2">
27 <input type="button" name="BtnUp" value="上传" onclick="UpLoadPic()" />
28 <input type="submit" name="submit" value="提交" />
29 </td>
30 </tr>
31 </table>
32 </td>
33 </tr>
34 </table>
35 <%= ViewData["Error"] %>
36
37 </form>

2. UploadImageController.cs

MVC 上传图片 - 海里的贝壳 - apple的博客
1 public ActionResult Index()
2MVC 上传图片 - 海里的贝壳 - apple的博客 {
3 return View();
4 }

5
6 public ActionResult AddNew()
7MVC 上传图片 - 海里的贝壳 - apple的博客 {
8 int phWidth = 0;//图片宽度
9 int phHeight = 0;//图片高度
10 string Pic_Path = "";
11 if (Request.Files.Count > 0)
12MVC 上传图片 - 海里的贝壳 - apple的博客 {
13 HttpPostedFileBase file = Request.Files[0];
14 Pic_Path = UpLoadPic(file, out phWidth, out phHeight);
15
16 if (Pic_Path.IndexOf("错误") > -1) //出现错误时,alert错误
17MVC 上传图片 - 海里的贝壳 - apple的博客 {
18 ViewData["Error"] = "<script>alert('" + Pic_Path + "')</script>";
19 }

20 }

21 return RedirectToAction("Index");
22 }

23
24MVC 上传图片 - 海里的贝壳 - apple的博客 #region 图片上传
25MVC 上传图片 - 海里的贝壳 - apple的博客 /// <summary>
26 /// 图片上传
27 /// </summary>
28 /// <param name="file"></param>
29 /// <returns></returns>

30 public string UpLoadPic(HttpPostedFileBase file, out int phWidth, out int phHeight)
31MVC 上传图片 - 海里的贝壳 - apple的博客 {
32 phWidth = 0;
33 phHeight = 0;
34
35 try
36MVC 上传图片 - 海里的贝壳 - apple的博客 {
37 string fileName = "";
38 string strDir = System.Configuration.ConfigurationSettings.AppSettings["uploadImage"];
39 if (file.ContentLength > 0)
40远方的寂静 - 梅逸斯 - 梅逸斯的休闲小窝 {
41 if (file.ContentLength < 1024 * 200)
42MVC 上传图片 - 海里的贝壳 - apple的博客 {
43 string strNew = Guid.NewGuid().ToString("N") + Path.GetExtension(file.FileName); //新文件名
44 fileName = strDir + strNew;
45 file.SaveAs(Path.Combine(Path.Combine(Request.Path, ""), fileName));
46 //取高和宽
47 System.Drawing.Image imgPhoto = System.Drawing.Image.FromStream(file.InputStream, true);
48 phWidth = imgPhoto.Width;
49 phHeight = imgPhoto.Height;
50 return strNew;
51 }

52 else
53MVC 上传图片 - 海里的贝壳 - apple的博客 {
54 return "错误:图片大小超过指定大小";
55 }

56 }

57 else
58MVC 上传图片 - 海里的贝壳 - apple的博客 {
59 return "错误:请上传图片";
60 }

61 }

62 catch (Exception ex)
63MVC 上传图片 - 海里的贝壳 - apple的博客 {
64 return "错误:" + ex.Message;
65 }

66 }

67 #endregion

3. 脚本

MVC 上传图片 - 海里的贝壳 - apple的博客
1//上传图片
2function UpLoadPic()
3MVC 上传图片 - 海里的贝壳 - apple的博客{
4 load_img(document.getElementById("uploadfile"),document.getElementById("img_s"))
5}

6
7//图片上传 开始
8function load_img(src_id,write_id)
9MVC 上传图片 - 海里的贝壳 - apple的博客{
10 var t_html;
11 var p_src="";
12 var valid=0;
13 if (src_id!=null)
14MVC 上传图片 - 海里的贝壳 - apple的博客 {
15 p_src= src_id.value;
16 }

17 if(p_src!='') //上传图片
18MVC 上传图片 - 海里的贝壳 - apple的博客 {
19 if(CheckImg(src_id)==0) //符合要求格式
20MVC 上传图片 - 海里的贝壳 - apple的博客 {
21 t_html="<img id='ViewImg' name ='ViewImg' src='"+p_src+"' border='0'>";
22 valid+=0;
23 }

24 else //上传图片格式不符合要求
25MVC 上传图片 - 海里的贝壳 - apple的博客 {
26 t_html="<img src='/content/images/nopic.gif' border='0'>";
27 valid+=1;
28 }

29 }

30 else //未上传图片
31MVC 上传图片 - 海里的贝壳 - apple的博客 {
32 t_html="<img src='/content/images/nopic.gif' border='0'>";
33 alert("请上传图片");
34 valid+=1;
35 }

36 write_id.innerHTML=t_html;
37 return valid;
38}

39
40function checkImgSize()
41MVC 上传图片 - 海里的贝壳 - apple的博客{
42 var img=new Image();
43 img.src=document.fall.uploadpic.value;
44 alert(img.fileSize);
45}

46
47
48function CheckImg(src_id)
49MVC 上传图片 - 海里的贝壳 - apple的博客{
50 var v = null;
51 var Imgstr = src_id.value;
52 if(Imgstr!="")
53MVC 上传图片 - 海里的贝壳 - apple的博客 {
54 if(!(Imgstr.toLowerCase().indexOf(".gif",0)!=-1 || Imgstr.toLowerCase().indexOf(".jpg",0)!=-1 || Imgstr.toLowerCase().indexOf(".jpeg",0)!=-1 ))
55MVC 上传图片 - 海里的贝壳 - apple的博客 {
56 alert('上传图片必须为gif、jpeg格式文件');
57 v = 1;
58 }
else
59MVC 上传图片 - 海里的贝壳 - apple的博客 {
60 v = 0;
61 }

62 }

63 else
64MVC 上传图片 - 海里的贝壳 - apple的博客 {
65 v = 0;
66 }

67 return v;
68}

69//图片上传 结束
  评论这张
 
阅读(2202)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017