背景:  .net core 中默认已经取消可以直接访问图片,因为这样不安全. 导致我们上传的图片无法直接通过url访问.

解决方案: 

一: 通过修改项目配置,使可以直接通过url访问.(方法略,可以百度);

二: 图片都通过接口返回,接口里面读取项目的图片,然后返回流;

步骤:

1. 新建.net core 2.0 项目(过程略)

2. 通过nuget添加引用 System.Drawing.Common; .net core 开始的时候并没有System.Drawing,在2.0之后新增了 System.Drawing.Common,用于替代原来的System.Drawing.用法基本一致

3. 写接口了

a. 使用特性路由传入想要的尺寸和文件名,这样可以更好的用于前端展示,

b. 没有找到图片或者错误时返回默认的一张图片

c. 需要注意引用 using System.IO;using System.Drawing;

d. .net core 中返回图片不用 HttpResponseMessage 类型,而是直接采用 IActionResult. 而且封装了FileContentResult类,可以直接返回.

e. .net core 中获取当前项目的物理地址可以通过 AppContext.BaseDirectory 和.net 有区别

  1. /// <summary>
  2. /// 访问图片
  3. /// </summary>
  4. /// <param name="width">所访问图片的宽度,高度自动缩放,大于原图尺寸或者小于等于0返回原图</param>
  5. /// <param name="name">所要访问图片的名称或者相对地址</param>
  6. /// <returns>图片</returns>
  7. [HttpGet]
  8. [Route("file/image/{width}/{name}")]
  9. public IActionResult GetImage(int width, string name)
  10. {
  11. var appPath = AppContext.BaseDirectory.Split("\\bin\\")[] + "/image/";
  12. var errorImage = appPath + "404.png";//没有找到图片
  13. var imgPath = string.IsNullOrEmpty(name) ? errorImage : appPath + name;
  14. //获取图片的返回类型
  15. var contentTypDict = new Dictionary<string, string> {
  16. {"jpg","image/jpeg"},
  17. {"jpeg","image/jpeg"},
  18. {"jpe","image/jpeg"},
  19. {"png","image/png"},
  20. {"gif","image/gif"},
  21. {"ico","image/x-ico"},
  22. {"tif","image/tiff"},
  23. {"tiff","image/tiff"},
  24. {"fax","image/fax"},
  25. {"wbmp","image//vnd.wap.wbmp"},
  26. {"rp","image/vnd.rn-realpix"}
  27. };
  28. var contentTypeStr = "image/jpeg";
  29. var imgTypeSplit = name.Split('.');
  30. var imgType = imgTypeSplit[imgTypeSplit.Length - ].ToLower();
  31. //未知的图片类型
  32. if (!contentTypDict.ContainsKey(imgType))
  33. {
  34. imgPath = errorImage;
  35. }
  36. else
  37. {
  38. contentTypeStr = contentTypDict[imgType];
  39. }
  40. //图片不存在
  41. if (!new FileInfo(imgPath).Exists)
  42. {
  43. imgPath = errorImage;
  44. }
  45. //原图
  46. if (width <= )
  47. {
  48. using (var sw = new FileStream(imgPath, FileMode.Open))
  49. {
  50. var bytes = new byte[sw.Length];
  51. sw.Read(bytes, , bytes.Length);
  52. sw.Close();
  53. return new FileContentResult(bytes, contentTypeStr);
  54. }
  55. }
  56. //缩小图片
  57. using (var imgBmp = new Bitmap(imgPath))
  58. {
  59. //找到新尺寸
  60. var oWidth = imgBmp.Width;
  61. var oHeight = imgBmp.Height;
  62. var height = oHeight;
  63. if (width > oWidth)
  64. {
  65. width = oWidth;
  66. }
  67. else
  68. {
  69. height = width * oHeight / oWidth;
  70. }
  71. var newImg = new Bitmap(imgBmp, width, height);
  72. newImg.SetResolution(, );
  73. var ms = new MemoryStream();
  74. newImg.Save(ms, System.Drawing.Imaging.ImageFormat.Bmp);
  75. var bytes = ms.GetBuffer();
  76. ms.Close();
  77. return new FileContentResult(bytes, contentTypeStr);
  78. }
  79. }

4. 结果如下图

700px 宽度

200px 宽度

.net core 接口返回图片并且进行压缩的更多相关文章

  1. 接口返回图片,前端生成临时url实现展示、下载效果

    请求一个后端接口 返回一张图片(打印后发现是二进制流) 瞬间不开心了(为什么不能后端处理好再让前端调用呢) 不过丝毫不慌好吧 先说处理逻辑:首先要将获取到的数据转换,这边选择以blob形式进行转换 主 ...

  2. Java中处理接口返回base64编码的图片数据

    在做接口测试的时候,某些接口返回的content是一大段加密文字.这种情况下,有可能是返回的图片加密数据,需要将这些数据转换成图片进行保存查看. 例如: 这里,可以看到Content对应的键值开头有“ ...

  3. Asp.Net Core Web Api图片上传(一)集成MongoDB存储实例教程

    Asp.Net Core Web Api图片上传及MongoDB存储实例教程(一) 图片或者文件上传相信大家在开发中应该都会用到吧,有的时候还要对图片生成缩略图.那么如何在Asp.Net Core W ...

  4. C#对图片文件的压缩、裁剪操作初探

    在做项目时,对图片的处理,以前都采用在上传时,限制其大小的方式,这样带来诸多不便.毕竟网站运维人员不一定会对图片做处理,经常超出大小限制,即使会使用图片处理软件的,也由于个人水平方面原因,处理效果差强 ...

  5. C#对图片文件的压缩、裁剪操作

    在做项目时,对图片的处理,以前都采用在上传时,限制其大小的方式,这样带来诸多不便.毕竟网站运维人员不一定会对图片做处理,经常超出大小限制,即使会使用图片处理软件的,也由于个人水平方面原因,处理效果差强 ...

  6. IOS_画图 图片等比压缩 IOS_UIImage

    - (UIImage *)scaleToSize:(UIImage *)img size:(CGSize)size{ // 创建一个bitmap的context // 并把它设置成为当前正在使用的co ...

  7. iOS 图片按比例压缩,指定大小压缩

    使用系统方法UIImageJPEGRepresentation(UIimage *image,CGFloat quality)进行图片质量压缩,暂且叫参数quality为压缩比吧,取值范围为0-1. ...

  8. springmvc配置接口返回的数据是json

    首先要导入所需要的jar,使用maven方式管理jar包 <!-- 配置接口返回数据json --> <dependency> <groupId>com.faste ...

  9. 基于ZedBoard的Webcam设计(一):USB摄像头(V4L2接口)的图片采集【转】

    转自:http://www.cnblogs.com/surpassal/archive/2012/12/19/zed_webcam_lab1.html 一直想把USB摄像头接到Zedboard上,搭建 ...

随机推荐

  1. 学习STM32F769DK-OTA例程之百度云平台建立MQTT服务器

    @2019-04-17 [小记] 百度云平台建立MQTT服务器时需要设置权限组,否则连接失败

  2. 牛客网 272B Xor Path(树上操作)

    题目链接:Xor Path 题意:每个顶点的点权为Ai,任意两点路径上点权异或和为Path(i,j),求所有Path(i,j)和. 题解:考虑每个顶点被用到的次数,分以下三种情况: 1.本身和其他顶点 ...

  3. QString与LPWSTR之间的转换;

    QString 转换成 LPWSTR LPWSTR lpStr = (LPWSTR) QString("nihao").toStdWString().c_str();

  4. file 自定义上传附件并展示缩略图

    效果图镇楼..   写的有点乱.上传一个实例供大家参考--附件下载地址如何下: https://files.cnblogs.com/files/fchx91/uploadFiles.rar 2019- ...

  5. Livereload or meta

    静态页面布局的过程中,如果可以一边写一边看见结果,那肯定是很方便的,在最开始使用的DW中实现了这一目标,但并不是浏览器环境下.之后使用gulp中的livereload后配合chrome插件livere ...

  6. Windows10配置JDK环境变量

    一. 系统和JDK版本 系统:Windows10 JDK版本:1.8 二. 配置步骤 1. 右键单击“我的电脑” >> 属性 >> 高级系统设置 2. 环境变量 3. 系统变量 ...

  7. L1-Day12

    1.凡是杀不死你的都会让你变得更强.(什么关系?主语是什么?)[我的翻译]There is no killing you makes you stronger.[标准答案]What doesn’t k ...

  8. JavaFX - 富互联网应用

    JavaFX教程™ --必看https://www.yiibai.com/javafx /================= 富互联网应用 是那些提供与Web应用程序类似的功能,并可作为桌面应用程序体 ...

  9. IIS部署项目

    控制面板\所有控制面板项\管理工具-->Internet 信息服务(IIS)管理器 随便填个名称,项目的路径,选择一个新的端口.

  10. “放到桌面”的Servlet实现

    复习下Servlet下载文件, 当response把ContentType设置成application/xxxx的时候呢,浏览器会默认启动下载,而不是试图打开. 通过给httpHeader里面加入内容 ...