[WebApi] 捣鼓一个资源管理器--服务器端分割压缩图片

最新推荐文章于 2024-06-20 09:42:37 发布
最新推荐文章于 2024-06-20 09:42:37 发布
阅读量2.8k 收藏 3
点赞数 5
分类专栏： Dot NET WebAPI资源管理器 文章标签： webapi mvc 资源管理 图片处理 服务器图片压缩剪切
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiujuer/article/details/41826865
版权

《打造一个网站或者其他网络应用的文件管理接口（WebApi）第五章“服务器端分割压缩图片”》

========================================================
作者：qiujuer
博客：blog.csdn.net/qiujuer
网站：www.qiujuer.net
开源库：Genius-Android
转载请注明出处：http://blog.csdn.net/qiujuer/article/details/41826865
========================================================

History

[WebApi] 捣鼓一个资源管理器--数据库辅助服务器文件访问

In This

在做网站开发时，我常常会做一些这样的工作：一张大图中包含了许多的小图，而网站中为了使用其中一张小图我不得不把大图切成一张张的小图。虽然这样的工作不多；但对于我来说在服务器端莫名的存储了一大堆小文件是很反感的事情；或许你会说使用css来完成大图中的小图显示；当然这是可以的。但是我假如需要下载该小图呢？这时无能为力了吧！

所以有了今天的服务器端剪切压缩图片的一章。

CodeTime

更改


本次版本相对上一张主要两个地方更改：新增 ImageUtils.cs，修改 ResourceApiController.cs

ImageUtils.cs

using System;
using System.Collections.Generic;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Drawing.Imaging;
using System.IO;

namespace WebResource.Models
{
    public class ImageUtils
    {
        /// <summary>
        /// 图片类型对应的ImageFormat
        /// </summary>
        /// <param name="type">类型</param>
        /// <returns>ImageFormat</returns>
        public static ImageFormat GetFormat(string type)
        {
            Dictionary<string, ImageFormat> types = new Dictionary<string, ImageFormat>();
            types.Add("bmp", ImageFormat.Bmp);
            types.Add("gif", ImageFormat.Gif);
            types.Add("ief", ImageFormat.Jpeg);
            types.Add("jpeg", ImageFormat.Jpeg);
            types.Add("jpg", ImageFormat.Jpeg);
            types.Add("jpe", ImageFormat.Jpeg);
            types.Add("png", ImageFormat.Png);
            types.Add("tiff", ImageFormat.Tiff);
            types.Add("tif", ImageFormat.Tiff);
            types.Add("djvu", ImageFormat.Bmp);
            types.Add("djv", ImageFormat.Bmp);
            types.Add("wbmp", ImageFormat.Bmp);
            types.Add("ras", ImageFormat.Bmp);
            types.Add("pnm", ImageFormat.Bmp);
            types.Add("pbm", ImageFormat.Bmp);
            types.Add("pgm", ImageFormat.Bmp);
            types.Add("ppm", ImageFormat.Bmp);
            types.Add("rgb", ImageFormat.Bmp);
            types.Add("xbm", ImageFormat.Bmp);
            types.Add("xpm", ImageFormat.Bmp);
            types.Add("xwd", ImageFormat.Bmp);
            types.Add("ico", ImageFormat.Icon);
            types.Add("wmf", ImageFormat.Emf);
            types.Add("exif", ImageFormat.Exif);
            types.Add("emf", ImageFormat.Emf);

            try
            {
                ImageFormat format = types[type];
                if (format != null)
                    return format;
            }
            catch { }
            return ImageFormat.Bmp;
        }


        /// <summary>
        /// 图片转换为字节
        /// </summary>
        /// <param name="bitmap">图片</param>
        /// <param name="type">类型</param>
        /// <returns>字节码</returns>
        public static byte[] ToBytes(Bitmap bitmap, string type)
        {
            using (MemoryStream stream = new MemoryStream())
            {
                bitmap.Save(stream, GetFormat(type));
                byte[] data = new byte[stream.Length];
                stream.Seek(0, SeekOrigin.Begin);
                stream.Read(data, 0, Convert.ToInt32(stream.Length));
                return data;
            }
        }

        /// <summary>  
        ///  调整图片宽度高度   
        /// </summary>  
        /// <param name="bmp">原始Bitmap </param>  
        /// <param name="newW">新的宽度</param>  
        /// <param name="newH">新的高度</param>  
        /// <returns>处理Bitmap</returns>  

        public static Bitmap Resize(Bitmap bmp, int newW, int newH)
        {
            try
            {
                Bitmap b = new Bitmap(newW, newH);
                Graphics g = Graphics.FromImage(b);
                // 插值算法的质量   
                g.InterpolationMode = InterpolationMode.Default;
                g.DrawImage(bmp, new Rectangle(0, 0, newW, newH), new Rectangle(0, 0, bmp.Width, bmp.Height), GraphicsUnit.Pixel);
                g.Dispose();
                return b;
            }
            catch
            {
                return null;
            }
        }

        /// <summary>
        /// 切片Bitmap：指定图片分割为 Row 行，Col 列，取第 N 个图片
        /// </summary>
        /// <param name="b">等待分割的图片</param>
        /// <param name="row">行</param>
        /// <param name="col">列</param>
        /// <param name="n">取第N个图片</param>
        /// <returns>切片后的Bitmap</returns>
        public static Bitmap Cut(Bitmap b, int row, int col, int n)
        {
            int w = b.Width / col;
            int h = b.Height / row;

            n = n > (col * row) ? col * row : n;

            int x = (n - 1) % col;
            int y = (n - 1) / col;

            x = w * x;
            y = h * y;

            try
            {
                Bitmap bmpOut = new Bitmap(w, h, PixelFormat.Format24bppRgb);
                Graphics g = Graphics.FromImage(bmpOut);
                g.DrawImage(b, new Rectangle(0, 0, w, h), new Rectangle(x, y, w, h), GraphicsUnit.Pixel);
                g.Dispose();
                return bmpOut;
            }
            catch
            {
                return null;
            }
        }
    }
}
该类的 作用就是压缩和剪切图片，其具体实现也都注释清楚了； 如果不明白的地方，还望在评论中提出。

然后来看看这次的API更改。

ResourceApiController.cs

        /// <summary>
        /// Get Image
        /// </summary>
        /// <param name="name">MD5 Name</param>
        /// <returns>File</returns>
        [HttpGet]
        [Route("{Id}/Img")]
        public async Task<HttpResponseMessage> GetImage(string Id, int w = 0, int h = 0, int r = 1, int c = 1, int n = 1)
        {
            // Return 304
            var tag = Request.Headers.IfNoneMatch.FirstOrDefault();
            if (Request.Headers.IfModifiedSince.HasValue && tag != null && tag.Tag.Length > 0)
                return new HttpResponseMessage(HttpStatusCode.NotModified);

            // 判断参数是否正确
            if (w < 0 || h < 0 || r < 1 || c < 1 || n < 1)
                return new HttpResponseMessage(HttpStatusCode.BadRequest);

            // 默认参数情况直接返回
            if (w == 0 && h == 0 && r == 1 && c == 1 && n == 1)
                return await Get(Id);

            // 查找数据库
            Resource model = await db.Resources.FindAsync(Id);

            // 判断
            if (model == null || !GetContentType(model.Type).StartsWith("image"))
                return new HttpResponseMessage(HttpStatusCode.BadRequest);

            // 加载文件信息
            FileInfo info = new FileInfo(Path.Combine(ROOT_PATH, model.Folder, model.Id));
            if (!info.Exists)
                return new HttpResponseMessage(HttpStatusCode.BadRequest);

            // 打开图片
            Bitmap bitmap = new Bitmap(info.FullName);

            // 剪切
            if (r > 1 || c > 1)
            {
                bitmap = ImageUtils.Cut(bitmap, r, c, n);
            }

            // 放大缩小
            if (w > 0 || h > 0)
            {
                w = w == 0 ? bitmap.Width : w;
                h = h == 0 ? bitmap.Height : h;

                bitmap = ImageUtils.Resize(bitmap, w, h);
            }

            try
            {
                // Copy To Memory And Close.
                byte[] bytes = ImageUtils.ToBytes(bitmap, model.Type);
                // Get Tag
                string eTag = string.Format("\"{0}\"", HashUtils.GetMD5Hash(bytes));

                // 构造返回
                HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);

                ContentDispositionHeaderValue disposition = new ContentDispositionHeaderValue(GetDisposition(model.Type));
                disposition.FileName = string.Format("{0}.{1}", model.Name, model.Type);
                disposition.Name = model.Name;
                // 这里写入大小为计算后的大小
                disposition.Size = bytes.Length;

                result.Content = new ByteArrayContent(bytes);
                result.Content.Headers.ContentType = new MediaTypeHeaderValue(GetContentType(model.Type));
                result.Content.Headers.ContentDisposition = disposition;
                // Set Cache 这个同Get方法
                result.Content.Headers.Expires = new DateTimeOffset(DateTime.Now).AddHours(1);
                result.Content.Headers.LastModified = new DateTimeOffset(DateTime.Now);
                result.Headers.CacheControl = new CacheControlHeaderValue() { Public = true, MaxAge = TimeSpan.FromHours(1) };
                result.Headers.ETag = new EntityTagHeaderValue(eTag);
                return result;
            }
            catch { }
            finally
            {
                if (bitmap != null)
                    bitmap.Dispose();
            }

            return new HttpResponseMessage(HttpStatusCode.BadRequest);
        }
由于代码量较多，我就不全部贴出来了；就把更改的地方写出来了；其中主要就是新增了一个 GetImage 方法。

在方法中，根据传入的参数我们进行一定的判断然后剪切压缩图片；最后打包为 Http 返回。

代码修改的地方就这么多。

RunTime

API


可以看见多API中多了一个接口；进入看看。


可以看见除了 Id 是必须，其他参数都是有默认值，可以不用传入。

  • Id：文件的MD5值，用于接口寻找对应文件
  • w：返回的图片宽度
  • h：返回的图片高度
  • r：row 行，代表横向分割为多少行；默认为1
  • c：column 列，代表纵向分割为多少列；默认为1
  • n：代表分割后取第N个图片

上传


惯例，首先上传一个图片。

访问


访问地址，可以使用原来的也可以使用新的地址，新的地址无非就是在后面加上“/img”

压缩


上面是改变宽度和高度后的结果；你可以右键保存图片看看图片是否是被改变了。

剪切

再来看看剪切的效果：


说说原理：


再来一张：


这样也就实现了，服务器端一张图片；客户端无数张图片；可以根据需求进行分割压缩；当然复杂一点你还可以加上一些特效；比如模糊；水印等等；这些服务端都可以做。

END

资源

[WebApi] 捣鼓一个资源管理器--服务器端分割压缩图片

下一章

下章准备把这些现有的功能进行组合，做一个管理界面；那样就可以在客户端管理服务端数据了；贼爽！

========================================================
作者：qiujuer
博客：blog.csdn.net/qiujuer
网站：www.qiujuer.net
开源库：Genius-Android
转载请注明出处：http://blog.csdn.net/qiujuer/article/details/41826865
========================================================

Qiujuer
关注
专栏目录
前端基础知识点-每天一个基本知识点（100+个前端小知识，你是否都知道？）
m0_67394006的博客
03-02 9176
文章目录 前言 第一回合 一、知识点：cookie（21/09/06） 二、知识点：节流和防抖（21/09/07） 三、知识点：var和let以及const（21/09/08） 四：知识点：深拷贝和浅拷贝（21/09/09） 五、知识点：作用域和作用域链（21/09/10） 六、知识点：从输入URL到页面展示这中间发生了什么（21/09/11） 七、知识点：重排和重绘（21/09/12） 八、知识点：TCP和UDP（21/09/13） 九、知识点：三次握手（21/09/15） 十、知识点：绝对定位和相对定
使用tinypng的api进行图片压缩
weixin_43886319的博客
12-19 1350
首先获取密钥：访问https://tinify.cn/developers 名字可以随便输，然后再输入你的邮箱，之后会接收邮件如下： 点击查看仪表盘前往第三方链接，密钥在下图所示 接下来是代码部分： 引入依赖 <dependency> <groupId>com.tinify</groupId> <artifactId>tinify&...
[WebApi] 捣鼓一个资源管理器--服务器端分割压缩图片 [草稿]
12-09
http://blog.csdn.net/qiujuer/article/details/41826865
Thumbnails 纯java图片压缩api 包括文档及相关学习资料
09-12
Thumbnails 纯java图片压缩api 包括文档及相关学习资料，算法高效，压缩效率高。
JAVA压缩图片 服务器端压缩图片 原创
anjueyin4591的博客
06-30 203
@RequestMapping(value = "/uploadImage", method = RequestMethod.POST) @ResponseBody public String uploadImage(HttpServletRequest request) throws IOException { MultipartHttpSe...
Squoosh - 谷歌出品的免费开源图片压缩工具，图片大小减少90%！支持 API 开发调用
那些免费的砖
06-20 1692
谷歌出品的免费开源在线图片压缩工具，效果惊人，支持多种格式。Squoosh 是谷歌出品的一款在线图像压缩工具，使用简单，有极高的压缩比，能够帮助我们把图片大小进行压缩，不管是设计 UI 切图、自媒体文章配图还是 PPT 配图这样的使用场景，都要用到压缩图片。我们知道，具有超高压缩比的 webp 图片格式，就是谷歌发布的，而 Squoosh 也是一个面向开发者推广 webp 图片格式的开发工具。压缩图片我们一般会想到用 Photoshop 这样的专业图像处理软件，不过今天介绍的 Squoosh 使用起来非常简
服务器图片管理
10-15
服务器图片管理
.net core webapi图片流上传及压缩
精彩人生的博客
11-07 1363
学习并实践.net core webapi图片上传及压缩，并分享代码
使用TinyPNG API压缩图片
fovever_的博客
11-19 2164
在撰写论文的时候，美观，大气，上档次的图标能够很好地给自己的论文加分，好的可视化结果也能够让审稿人赏心悦目。但是有时候在可视化图片的时候有可能原始图像过大从而很占内存；这时候就希望能够是有一个无损压缩工具来压缩图像。目前笔者尝试过感觉能够达到较好的压缩效果而且基本上不影响视觉效果。而且也有对应的安装包, TinyGUI 是网友根据TinyPNG提供的应用程序接口开发的本地桌面端工具。b本篇博客主要提供一份Python来遍历文件夹下的所有图片以压缩图片。
**Tinify API客户端——简化您的图片压缩之旅**
最新发布
gitblog_00068的博客
06-20 375
Tinify API客户端——简化您的图片压缩之旅 tinify-pythonPython client for the Tinify API.项目地址:https://gitcode.com/gh_mirrors/ti/tinify-python 在数字时代，图片的质量与文件大小之间的平衡是一门艺术。**Tinify API 客户端为Python开发者提供了智能且高效的图片压缩解决方案。**无...
ASP.NET 上传图片到指定的图片服务器
10-25
此实例是：从应用服务器将图片上传到图片服务器的某一个指定的IIS目录中 使用技术：WebClient、异步上传 流程： 1、在图片服务器上发布一个IIS的项目，项目中包含：图片存放目录、ASHX文件 2、在应用服务器上发布一个IIS的项目上，上传图片功能 3、应用服务务点击图片，通过调用图片服务器上的ASHX文件，并使用WEBCLIENT异步方式，将图片上传到图片服务器中指定的目录下
pb 纯代码实现类资源管理器 -带图片预览功能
09-02
pb 纯代码实现类资源管理器 -带图片预览功能 demo截图 http://hi.csdn.net/attachment/201009/2/0_1283390637f9fO.gif
基于JDK API实现文件的压缩与解压
虫草
12-22 320
在实际开发过程中，会经常遇到下载附件或者导出报表的情况，有时候文件会比较多，用户更希望多个文件可以一起打包进行下载。这时就需要实现两部分功能：一部分是多个文件的打包处理，一部分是压缩文件的下载功能。 对于压缩文件的下载，可查看我的另一篇博文（SpringMVC下打包文件的下载），本文主要提供多个文件的压缩与解压的例子。样例完全基于JDK自带的IO流处理类，主要相关类为ZipInputStre...
webapi 实现上传图片到服务器端并返回路径
junxianzhou的博客
07-16 2216
单图片上传： 通过HttpContext.Current.Request.Files来接收前端传过来的数据； SaveAs保存到指定该文件夹下； /// <summary> /// 上传图片 /// </summary> /// <returns>返回图片路径</returns> [HttpPost] public ApiResult UploadImage() { HttpFileCollection files = HttpContext.
WebApi接收微信小程序上传的图片并保存在服务器指定路径
热门推荐
Ybbb的博客
10-23 1万+
找了好多天都没找到小程序批量上传图片的方法，然后我现在的逻辑是： 取到上传图片的集合，循环调用小程序wx.UploadFile方法,依次上传 后端取到文件之后生成唯一MD5码（相同的文件生成的MD5码是唯一的），然后取前两位后两位创建文件夹，保存图片前判断下图片是否存在。（这样一个完全相同的图片就不会被重复被保存在服务器上了） 小程序前端每次把上传返回的MD5放入一个集合中。或者以逗号分隔的字符...
微信小程序开发 图片压缩功能
qq_68695044的博客
05-23 753
在微信小程序的开发过程中，为了防止用户在上传图片时出现过大文件的情况，造成后台的加载负担，我们通常会在前台加上大小的限制或在上传时就对图片进行压缩。但仔细查看后我们发现，这个API在iOS端仅支持压缩JPG格式的图片，显然不太符合我们的需求。经过一番查阅后，决定采用canvas绘图的方式来对图片重新进行绘制，从而达到压缩的效果。首先，创建一份画布，如果不需要图片的显示的话可以直接移出可视范围。顺带再加一个解析上传图片的方法，方便我们进行转换。
推荐几款图片压缩 API 接口
ModStartCMS的博客
12-07 408
图片压缩是指将 jpg、jpeg、png、gif 等格式的图片压缩，这样在通过链接访问时可以加速网站图片的显示。目前在线的图片压缩工具很多，但是只有部分提供了以接口的方式进行调用。我们汇总了几款在线图片压缩接口，可供大家选择使用。支持格式：☆☆☆☆☆压缩率：☆☆☆☆费用参考：每次成功调用，最长边≤4096px 则消耗 1 点，4096px < 最长边≤8000px 则消耗 2 点。￥0.08~0.19 / 点，10000 张图片大约花费￥800-3000说明：国内图片压缩服务商速度快，价格略贵支持格式：☆☆
微信小程序图片压缩原来这么easy!
分享互联网的有趣知识~
12-24 3522
在日常业务中我们可能会涉及到图片上传功能，现代影像设备大多数的照片都是几MB，甚至几十MB大小，大文件的上传会导致上传进度缓慢、占用云存储空间。所以，我们会根据需求来做图片压缩，将过大的图片文件压缩到指定大小内。
2024 JAVA Tinypng压缩图片,超级简单！！！
m0_47484034的博客
04-29 738
2024 JAVA Tinypng压缩图片,超级简单！！！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值