做互联网网站,总是会涉及到缩略图问题,之前一直是在上传图片时生成不同尺寸的缩略图,一直感觉又费力又不好管理,之后就写子
ThumbnailServer 用于部署一个图片服务器,在使用图片时才将图片转为对应的缩略图,类似淘宝图片空间
比如,物理上存在图片
/x.jpg 那么访问
/x.jpg_60X60.jpg
/x.jpg_600X600.jpg
就可以得到它的不同尺寸的缩略图
可以支持:
路径-尺寸白名单
图片类型白名单
图片路径白名单
如下代码:
ThumbnailConfig.Start().Include("/Images", setting => setting.AllSize().Store() );
在Application Start中配置即可
GitHub: https://github.com/chsword/ThumbnailServer
另外再推荐一个不错的响应式缩略图服务,功能很强大,按比例缩放、裁剪图片都可以通过Querystring来完成,优点是插件很多,功能强大
/a.jpg
/a.jpg?w=120
/a.jpg?w=100&h=200
之前写过一篇文章
之后对此Image Server又进行了基于ImageResizer的改写
- 基于.NET
- 图片服务器
- 支持缩略图格式
- 基于 ImageResizer
作为一个Web Server来部署 ResizingServer ,可以通过更改Web.Config
<appSettings> <add key="UploadRouteUrl" value="api" /><!-- 设置上传时的Route规则 http://host/{UploadRouteUrl} --> <add key="ApiKey" value="48DFD0EE-61A2-4CB5-B1D6-33E917A83202" /><!-- 上传时所用的ApiKey --> <add key="AllowFolders" value="face,images" /><!-- 文件夹/类别 对不同业务线存储不同使用不同文件夹的情况 --> </appSettings>
物理路径 将类似 upload/face/1508/21/5a020a4161f543f197ddc0965aeeb66d.jpg
目录结构为
- upload
- category(AllowFolders 中所允许的都可以)
- yyMM (年和月)
- dd (天)
- {guid}.jpg
- dd (天)
- yyMM (年和月)
- category(AllowFolders 中所允许的都可以)
上传后返回这样格式的URL /u/face/b96225af353d15504302a087f4f46bb0151d1c{0}x{1}{2}.jpg 称之为FormatUrl
通过 ResizingClient 的转换可以转换为这样
/u/face/b96225af353d15504302a087f4f46bb0151d1c100x100c.jpg
Client Demo
通过NuGet安装客户端
Install-Package ResizingClient
上传图片代码
var result=ResizingUtil.Upload(File.ReadAllBytes("d:\a.jpg"), "a.jpg", "face").Result; Console.WriteLine(result.FormatUrl);//like /u/face/b96225af353d15504302a087f4f46bb0151d1c{0}x{1}{2}.jpg //Assert.IsTrue(result.IsSuccess);
{0}:宽 {1}:高 {2}:缩略模式
缩略模式:
- c:crop
- m:max
- p:pad
转化FormatUrl
using ResizingClient; // ... var url1 = ResizingUtil.Format(url,100,100,ResizingMode.Pad); var url1 = ResizingUtil.Format(url,100,100);
源代码地址
https://github.com/chsword/ResizingServer
github已上传到cnblogs文件