Net6 用imagesharp 实现跨平台图片处理并存入oss

2023-10-14 22:28

本文主要是介绍Net6 用imagesharp 实现跨平台图片处理并存入oss,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

项目要求:生成电子证书

一、模板文件在OSS中,直接加载

二、向模板文件添加二维码

三、向模板文件添加多行文字

四、生成二维码,存入本地,

五、向模板文件添加二维码

代码实现步骤

一、建立.net 6 API项目,安装Nuget包

TestImageShapForNet6API

二、配置好OSS的相关功能,包括OSS绑定域名,配置SSL证书等,保证模板文件可以以URL的模式显示在浏览器中

http://oss.crabstech.com/code/21122504.jpg

获取OSS的AK信息和存储权限,以保证文件的正常读取和存入

三、创建内容行的model

using SixLabors.Fonts;namespace TestImageShapForNet6API
{public class DrawContent{public int x { get; set; } public int y { get; set; } public Font font { get; set; } = null!;public string Text { get; set; } = null!;public Color color { get; set; } = Color.Black;}
}

四、创建OSS处理类(阿里云OSS ,具体文档请参考阿里云)

using Aliyun.OSS;namespace TestImageShapForNet6API
{public class OssHandle{const string Endpoint = "oss-cn-zhangjiakou.aliyuncs.com";const string AccessKeyId = "你的keyId";const string AccessKeySecret = "你的keysecret";const string BucketName = "你的bucketname";const string DirName = "自己起的目录名";const string Url = "你自己的bucket绑定的域名";public string PutImg2Oss(byte[] image,string objName){var _img = new MemoryStream(image);var client = new OssClient(Endpoint,AccessKeyId, AccessKeySecret);try{var res = client.PutObject(BucketName, $"{DirName}/{objName}", _img);Console.WriteLine(res.ToString);}catch(Exception ex){Console.WriteLine(ex.Message);}return $"{Url}{DirName}/{objName}";}}
}

五、生成二维码

using ZXing.QrCode;
using ZXing;namespace TestImageShapForNet6API
{public class QrFile{public async Task<string> Output(string text){var basePath = AppContext.BaseDirectory;var filePath = Path.Combine(basePath, $"images/qr.jpg");//生成二维码var writer = new ZXing.ImageSharp.BarcodeWriter<Rgba32>{Format = BarcodeFormat.QR_CODE,Options = new QrCodeEncodingOptions{Width = 400,Height = 400,Margin = 2,}};var image = writer.WriteAsImageSharp<Rgba32>(text);await image.SaveAsync(filePath);Console.WriteLine("Image success");return filePath;}}
}

六、创建合并方法,和调用方法。注意:“/”的问题,windows下对"/"和"\"容忍度比较高,怎么写基本都可以找到路径。但linux下一定要写 "/",否则会找不到文件

using SixLabors.Fonts;
using SixLabors.ImageSharp.Drawing.Processing;
using System.Net;namespace TestImageShapForNet6API
{public class MergeImg{/// <summary>/// 图片上写字/// https://docs.sixlabors.com/articles/imagesharp.drawing/gettingstarted.html#expanded-example/// </summary>/// <param name="ImagePath"></param>/// <param name="x"></param>/// <param name="y"></param>/// <param name="txt"></param>/// <param name="fontPath"></param>/// <returns></returns>private Image? drawingTextOnImage(string url, string qrImgPath, List<DrawContent> contList){if (string.IsNullOrWhiteSpace(url) || contList is null || contList.Count < 1)return null;// 线上地址的图片,通过获取流的方式读取   WebRequest imgRequest = WebRequest.Create(url);var res = (HttpWebResponse)imgRequest.GetResponse();// 加载图片var image = Image.Load(res.GetResponseStream());// 按行向图片写入文字foreach (var item in contList){PointF point = new PointF(item.x, item.y);image.Mutate(x => x.DrawText(item.Text, item.font, item.color, point));}// 加载二维码图片var qrImg = Image.Load(qrImgPath);// 向图片上添加二维码image.Mutate(x => x.DrawImage(qrImg, new Point(1650, 3600), 1));return image;}public async Task<string> DrawingTextOnImage(){var basePath = AppDomain.CurrentDomain.BaseDirectory;            var url = "http://oss.crabstech.com/code/21122504.jpg";var qrImgPath = $"{basePath}images/qr.jpg";var imgPath = $"{basePath}images/temp.jpg";var contList = new List<DrawContent>();var _first = new DrawContent{x = 600,y = 1600,Text = "张小斐",font = SystemFonts.CreateFont("SimHei", 160, FontStyle.Regular),color = Color.Green};contList.Add(_first);var img = drawingTextOnImage(url, qrImgPath, contList);var ms = new MemoryStream();img.SaveAsJpeg(ms);Console.WriteLine("生成成功");var _imgMs = ms.ToArray();var ossHandler = new OssHandle();var result = await Task.Run(()=>{return ossHandler.PutImg2Oss(_imgMs, "code-01.jpg");});return result;}}
}

七、创建controller ,调用方法实现

完整的program.cs

using TestImageShapForNet6API;var builder = WebApplication.CreateBuilder(args);var basePath = AppContext.BaseDirectory;
builder.Services.AddControllers();// Add services to the container.
// Learn more about configuring Swagger/OpenAPI at https://aka.ms/aspnetcore/swashbuckle
builder.Services.AddEndpointsApiExplorer();
builder.Services.AddSwaggerGen();var app = builder.Build();app.UseStaticFiles();// Configure the HTTP request pipeline.
if (app.Environment.IsDevelopment())
{}
app.UseSwagger();
app.UseSwaggerUI();app.MapGet("/qrcode", async () => {var _qr = new QrFile();return await _qr.Output("http://oss.crabstech.com/han/6d9a492bf72f4dc2bf59154c8c603c85_2.png");
})
.WithName("QrCode");app.MapGet("/merimg", async () =>
{var img = new MergeImg();return await img.DrawingTextOnImage();
})
.WithName("MergeImg");app.Run();

本地启动

先调用一次qrcode,再调用一次merimg。(只是为了测试两个API都可以单独使用,实际项目中请按照正常逻辑布署)

执行后我们得到了oss的Url地址:https://oss.crabstech.com/code/code-01.jpg

将地址粘贴到浏览器,得到已合成的图片文件

八、添加DockerFile

在项目中添加fonts文件夹,从c:\windows\fonts中拷贝基础的几个字体文件到项目的fonts中

在项目上点右键

 

 此时生成Dockerfile文件

 点击Dockerfile编辑

#See https://aka.ms/customizecontainer to learn how to customize your debug container and how Visual Studio uses this Dockerfile to build your images for faster debugging.FROM mcr.microsoft.com/dotnet/aspnet:6.0 AS base
WORKDIR /app
EXPOSE 80#设置时间为中国上海
ENV TZ=Asia/Shanghai
ENV DEBIAN_FRONTEND noninteractive# 设置包源为阿里
RUN  sed -i s@/archive.ubuntu.com/@/mirrors.aliyun.com/@g  /etc/apt/sources.list \
&& apt-get clean# 安装 tzdata 软件包
RUN apt-get update \
&& apt-get install -y tzdata \
&& ln -fs /usr/share/zoneinfo/$TZ  /etc/localtime \
&& rm -rf /var/lib/apt/lists/ \
&& dpkg-reconfigure -f noninteractive tzdata# 安装字体 注意:“/”的问题,windows下对"/"和"\"容忍度比较高,怎么写基本都可以找到路径。但linux下一定要写 "/",否则会找不到文件
COPY ["TestImageShapForNet6API/fonts/ARIAL.TTF","/usr/share/fonts/ttf-dejavu/ARIAL.TTF"]
COPY ["TestImageShapForNet6API/fonts/SIMFANG.TTF","/usr/share/fonts/ttf-dejavu/SIMFANG.TTF"]
COPY ["TestImageShapForNet6API/fonts/SIMHEI.TTF","/usr/share/fonts/ttf-dejavu/SIMHEI.TTF"]
COPY ["TestImageShapForNet6API/fonts/SIMKAI.TTF","/usr/share/fonts/ttf-dejavu/SIMKAI.TTF"]
COPY ["TestImageShapForNet6API/fonts/SIYUANSONGTI.TTF","/usr/share/fonts/ttf-dejavu/SIYUANSONGTI.TTF"]FROM mcr.microsoft.com/dotnet/sdk:6.0 AS build
WORKDIR /src
COPY ["TestImageShapForNet6API/TestImageShapForNet6API.csproj", "TestImageShapForNet6API/"]
RUN dotnet restore "TestImageShapForNet6API/TestImageShapForNet6API.csproj"
COPY . .
WORKDIR "/src/TestImageShapForNet6API"
RUN dotnet build "TestImageShapForNet6API.csproj" -c Release -o /app/buildFROM build AS publish
RUN dotnet publish "TestImageShapForNet6API.csproj" -c Release -o /app/publish /p:UseAppHost=falseFROM base AS final
WORKDIR /app
COPY --from=publish /app/publish .ENTRYPOINT ["dotnet", "TestImageShapForNet6API.dll"]

再次点击右键,选择容器业务流程协调程序

 点击编辑

 

version: '3.4'services:testimageshapfornet6api:image: imagehandle:20231012.01build:context: "./TestImageShapForNet6API"dockerfile: "./TestImageShapForNet6API/Dockerfile"container_name: "imagehandle"ports: - 20205:80 - 20206:443volumes:- "./config/appsettings.json:/app/appsettings.json" environment:- ASPNETCORE_ENVIRONMENT=Productionrestart: always 

这里注意以下三点

 

至此在本地要准备的内容准备完毕

下面是在宝塔中操作的内容

一、在文件中找个地方创建个文件夹,一般放在以下这个地方

 

创建并打开文件夹,将项目文件压缩为zip后上传(压缩前记得编译生成一次),压缩时要选择最项目最外层文件夹,保证zip文件完整性

将文件上传到文件夹下,进行解压缩。

并且在该文件夹下建立config文件,将项目的appsetting.json拷贝到config下

将docker-compose.yml文件,拷贝到该目录下

解压拷贝完成后的目录状态如下

 

在该目录下的终端里,执行部署 

docker-compose -f docker-compose.yml up

发布成功,是这样的 

 

此时可以关闭这个终端,开一个新的终端查看

docker ps

或者在宝塔的Docker中查看

下面需要建立网站来映射docker

在宝塔中正常添加网站,绑定域名

然后修改配置文件

server
{listen 80;server_name 你的域名(确保已经解析到当前服务器了);index index.html index.htm index.aspx ;location / {proxy_pass http://localhost:20205; #这里的端口号就是docker发布时,左侧的端口号}}

至此项目发布完毕

如果此时访问域名,显示404,不要慌,在域名后添加/swagger/index.html

即:http://你的域名/swagger/index.html

在oss中查看文件存储的时间,确定是刚刚生成无误

至此项目需求完成

项目下载地址

在.net 6下用SixLabors.ImageSharp实现图片跨平台处理icon-default.png?t=N7T8https://gitee.com/shirleycat/image-sharp-for-net6-api

这篇关于Net6 用imagesharp 实现跨平台图片处理并存入oss的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/213557

相关文章

基于C++的UDP网络通信系统设计与实现详解

《基于C++的UDP网络通信系统设计与实现详解》在网络编程领域,UDP作为一种无连接的传输层协议,以其高效、低延迟的特性在实时性要求高的应用场景中占据重要地位,下面我们就来看看如何从零开始构建一个完整... 目录前言一、UDP服务器UdpServer.hpp1.1 基本框架设计1.2 初始化函数Init详解

Java中Map的五种遍历方式实现与对比

《Java中Map的五种遍历方式实现与对比》其实Map遍历藏着多种玩法,有的优雅简洁,有的性能拉满,今天咱们盘一盘这些进阶偏基础的遍历方式,告别重复又臃肿的代码,感兴趣的小伙伴可以了解下... 目录一、先搞懂:Map遍历的核心目标二、几种遍历方式的对比1. 传统EntrySet遍历(最通用)2. Lambd

Python字符串处理方法超全攻略

《Python字符串处理方法超全攻略》字符串可以看作多个字符的按照先后顺序组合,相当于就是序列结构,意味着可以对它进行遍历、切片,:本文主要介绍Python字符串处理方法的相关资料,文中通过代码介... 目录一、基础知识:字符串的“不可变”特性与创建方式二、常用操作:80%场景的“万能工具箱”三、格式化方法

springboot+redis实现订单过期(超时取消)功能的方法详解

《springboot+redis实现订单过期(超时取消)功能的方法详解》在SpringBoot中使用Redis实现订单过期(超时取消)功能,有多种成熟方案,本文为大家整理了几个详细方法,文中的示例代... 目录一、Redis键过期回调方案(推荐)1. 配置Redis监听器2. 监听键过期事件3. Redi

Spring Boot 处理带文件表单的方式汇总

《SpringBoot处理带文件表单的方式汇总》本文详细介绍了六种处理文件上传的方式,包括@RequestParam、@RequestPart、@ModelAttribute、@ModelAttr... 目录方式 1:@RequestParam接收文件后端代码前端代码特点方式 2:@RequestPart接

SpringBoot全局异常拦截与自定义错误页面实现过程解读

《SpringBoot全局异常拦截与自定义错误页面实现过程解读》本文介绍了SpringBoot中全局异常拦截与自定义错误页面的实现方法,包括异常的分类、SpringBoot默认异常处理机制、全局异常拦... 目录一、引言二、Spring Boot异常处理基础2.1 异常的分类2.2 Spring Boot默

基于SpringBoot实现分布式锁的三种方法

《基于SpringBoot实现分布式锁的三种方法》这篇文章主要为大家详细介绍了基于SpringBoot实现分布式锁的三种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、基于Redis原生命令实现分布式锁1. 基础版Redis分布式锁2. 可重入锁实现二、使用Redisso

SpringBoo WebFlux+MongoDB实现非阻塞API过程

《SpringBooWebFlux+MongoDB实现非阻塞API过程》本文介绍了如何使用SpringBootWebFlux和MongoDB实现非阻塞API,通过响应式编程提高系统的吞吐量和响应性能... 目录一、引言二、响应式编程基础2.1 响应式编程概念2.2 响应式编程的优势2.3 响应式编程相关技术

C#实现将XML数据自动化地写入Excel文件

《C#实现将XML数据自动化地写入Excel文件》在现代企业级应用中,数据处理与报表生成是核心环节,本文将深入探讨如何利用C#和一款优秀的库,将XML数据自动化地写入Excel文件,有需要的小伙伴可以... 目录理解XML数据结构与Excel的对应关系引入高效工具:使用Spire.XLS for .NETC

Nginx更新SSL证书的实现步骤

《Nginx更新SSL证书的实现步骤》本文主要介绍了Nginx更新SSL证书的实现步骤,包括下载新证书、备份旧证书、配置新证书、验证配置及遇到问题时的解决方法,感兴趣的了解一下... 目录1 下载最新的SSL证书文件2 备份旧的SSL证书文件3 配置新证书4 验证配置5 遇到的http://www.cppc