首页 > 代码库 > C#图片上传服务器缩放存储功能
C#图片上传服务器缩放存储功能
项目需求上需要用户上传头像。本来是用第三方的插件的。但是很多都是收费的。
不过,我需要花这钱么?是不?所以网络上搜集了些资料。。
果然。这个世界 大神是很多很多的。
用了个免费插件。
<script src="http://www.mamicode.com/Scripts/ajaxFileUpload.js" type="text/javascript"></script>
这玩意儿真心强大。
图片传到服务器了。
然后问题来了。图片要缩放。本来是想裁剪的。
不过。真心很烦。。裁剪也做出来了。不过我没有使用。原因是因为。界面就比较乱了。
最后想出了。上传图片。利用这个插件传送到服务器。
然后在服务器端使用代码将照片裁剪成头像。也就是缩放。
具体代码:
public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; string action = context.Request["myaction"].ToString(); if (action == "updata") { string msg = ""; string result = "0"; HttpPostedFile file = context.Request.Files[0]; string ext = Path.GetExtension(file.FileName).ToLower(); string newName = System.DateTime.Now.ToString("yyyyMMddHHmmss"); string tempPath = "upload/temp/"; string img = tempPath + newName + ext; string filePath = context.Server.MapPath(img); tempPath = context.Server.MapPath(tempPath); if (!Directory.Exists(tempPath)) { Directory.CreateDirectory(tempPath); } using (System.Drawing.Image originalImage = System.Drawing.Image.FromStream(file.InputStream)) { int w = originalImage.Width; int h = originalImage.Height; if (w > 1400 || h > 1400) { msg = "请您上传大小在1400*1400以内的图片"; } else if (w < 50 || h < 50) { msg = "请您上传大于50*50的图片"; } else { if (w > 300 || h > 300) { float sizeM; using (System.Drawing.Image thumb = GetThumbImage(originalImage, 200, 200, out sizeM)) { thumb.Save(filePath, System.Drawing.Imaging.ImageFormat.Jpeg); result = "1"; } } else { } //file.SaveAs(filePath);//保存 } } //result=0;失败;1;成功; msg:提示信息 string strWrite = "../ashx/"+img; context.Response.Write(strWrite); } }
根据网上的一些代码修改的。这算变通实现了么?反正效果是有了。
新问题也来了。。。照片APP那边要弄成圆的。
而APP端 又不会处理IMG控件 成圆的 。所以就要求我把图片在服务器端直接画成圆的。
百度了半天。。找到了个 比较好的代码。
也就是把img图片圆角化。用了CSDN上的一个类。链接我忘记了。不过代码可以贴出来。
using System;using System.Data;using System.Configuration;using System.Web;using System.Drawing;using System.Drawing.Drawing2D;using System.Drawing.Imaging;/// <summary>/// ImageOption 的摘要说明/// </summary>public class ImageOperation{ /// <summary> /// 圆角生成(但是只能是一个角) /// </summary> /// <param name="image">源图片 Image</param> /// <param name="roundCorner">圆角位置</param> /// <returns>处理好的Image</returns> public static Image CreateRoundedCorner(Image image, RoundRectanglePosition roundCorner) { Graphics g = Graphics.FromImage(image); //保证图片质量 g.SmoothingMode = SmoothingMode.HighQuality; g.InterpolationMode = InterpolationMode.HighQualityBicubic; g.CompositingQuality = CompositingQuality.HighQuality; Rectangle rect = new Rectangle(0, 0, image.Width, image.Height); //构建圆角外部路径 GraphicsPath rectPath = CreateRoundRectanglePath(rect, image.Width / 10, roundCorner); //圆角背景用白色填充 Brush b = new SolidBrush(Color.White); g.DrawPath(new Pen(b), rectPath); g.FillPath(b, rectPath); g.Dispose(); return image; } /// <summary> /// 目标图片的圆角位置 /// </summary> public enum RoundRectanglePosition { /// <summary> /// 左上角 /// </summary> TopLeft, /// <summary> /// 右上角 /// </summary> TopRight, /// <summary> /// 左下角 /// </summary> BottomLeft, /// <summary> /// 右下角 /// </summary> BottomRight } /// <summary> /// 构建GraphicsPath路径 /// </summary> /// <param name="rect"></param> /// <param name="radius"></param> /// <param name="rrPosition">图片圆角位置</param> /// <returns>返回GraphicPath</returns> private static GraphicsPath CreateRoundRectanglePath(Rectangle rect, int radius, RoundRectanglePosition rrPosition) { GraphicsPath rectPath = new GraphicsPath(); switch (rrPosition) { case RoundRectanglePosition.TopLeft: { rectPath.AddArc(rect.Left, rect.Top, radius * 2, radius * 2, 180, 90); rectPath.AddLine(rect.Left, rect.Top, rect.Left, rect.Top + radius); break; } case RoundRectanglePosition.TopRight: { rectPath.AddArc(rect.Right - radius * 2, rect.Top, radius * 2, radius * 2, 270, 90); rectPath.AddLine(rect.Right, rect.Top, rect.Right - radius, rect.Top); break; } case RoundRectanglePosition.BottomLeft: { rectPath.AddArc(rect.Left, rect.Bottom - radius * 2, radius * 2, radius * 2, 90, 90); rectPath.AddLine(rect.Left, rect.Bottom - radius, rect.Left, rect.Bottom); break; } case RoundRectanglePosition.BottomRight: { rectPath.AddArc(rect.Right - radius * 2, rect.Bottom - radius * 2, radius * 2, radius * 2, 0, 90); rectPath.AddLine(rect.Right - radius, rect.Bottom, rect.Right, rect.Bottom); break; } } return rectPath; } /// <summary> /// 图片缩放 /// </summary> /// <param name="b">源图片Bitmap</param> /// <param name="dstWidth">目标宽度</param> /// <param name="dstHeight">目标高度</param> /// <returns>处理完成的图片 Bitmap</returns> public static Bitmap ResizeBitmap(Bitmap b, int dstWidth, int dstHeight) { Bitmap dstImage = new Bitmap(dstWidth, dstHeight); System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(dstImage); // 设置插值模式 g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.Bilinear; // 设置平滑模式 g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality; g.SmoothingMode = SmoothingMode.HighQuality; g.InterpolationMode = InterpolationMode.HighQualityBicubic; //用Graphic的DrawImage方法通过设置大小绘制新的图片实现缩放 g.DrawImage(b, new Rectangle(0, 0, dstImage.Width, dstImage.Height), new Rectangle(0, 0, b.Width, b.Height),GraphicsUnit.Pixel); g.Save(); g.Dispose(); return dstImage; }}
这样应该就可以了。。。。。至此。上传图片显示成用户圆形头像功能。基本实现。
但是效率不是很高。一般的做法是吧IMG 控件给修改掉。这样 一劳永逸。。。
对于我而言。功能做到。怎么实现。大家有何高见?
C#图片上传服务器缩放存储功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。