随着互联网越来越生活化,二维码的使用越来越普遍,不论是扫码支付还是扫码关注引流,似乎我们总是离不开二维码,那么很多需要推广的文章或社区想要自己的二维码,那么你是不是需要在网站直接提供给用户呢?很多开发者就在网上百度解决方案,边做边踩坑,甚至很多人写的开发案例都是截图或者类库引用都没说清楚,在这个摸索的途中造成很多时间上的浪费。

尤其是尝试新技术那些旧的操作还会有所改变,为了节约开发时间,我们把解决方案收入到一个个demo中,方便以后即拿即用。而且这些demo有博客文档支持,帮助任何人非常容易上手开发跨平台的.net core。随着时间的推移,我们的demo库会日益强大请及时收藏GitHub

一、首先在Common公用项目中引用QRCoder类库

 Install-Package QRCoder -Version 1.3.

二、在Common公用项目中创建QRCoderHelper类

        #region 普通二维码
/// <summary>
///
/// </summary>
/// <param name="url">存储内容</param>
/// <param name="pixel">像素大小</param>
/// <returns></returns>
public static Bitmap GetPTQRCode(string url, int pixel)
{
QRCodeGenerator generator = new QRCodeGenerator();
QRCodeData codeData = generator.CreateQrCode(url, QRCodeGenerator.ECCLevel.M, true);
QRCoder.QRCode qrcode = new QRCoder.QRCode(codeData);
Bitmap qrImage = qrcode.GetGraphic(pixel, Color.Black, Color.White, true);
return qrImage;
}
#endregion #region 带logo的二维码
/// <summary>
///
/// </summary>
/// <param name="url">存储内容</param>
/// <param name="pixel">像素大小</param>
/// <returns></returns>
public static Bitmap GetLogoQRCode(string url,string logoPath, int pixel)
{
QRCodeGenerator generator = new QRCodeGenerator();
QRCodeData codeData = generator.CreateQrCode(url, QRCodeGenerator.ECCLevel.M, true);
QRCoder.QRCode qrcode = new QRCoder.QRCode(codeData);
Bitmap icon = new Bitmap(logoPath);
Bitmap qrImage = qrcode.GetGraphic(pixel, Color.Black, Color.White, icon,,, true);
#region 参数介绍
//GetGraphic方法参数介绍
//pixelsPerModule //生成二维码图片的像素大小 ,我这里设置的是5
//darkColor //暗色 一般设置为Color.Black 黑色
//lightColor //亮色 一般设置为Color.White 白色
//icon //二维码 水印图标 例如:Bitmap icon = new Bitmap(context.Server.MapPath("~/images/zs.png")); 默认为NULL ,加上这个二维码中间会显示一个图标
//iconSizePercent //水印图标的大小比例 ,可根据自己的喜好设置
//iconBorderWidth // 水印图标的边框
//drawQuietZones //静止区,位于二维码某一边的空白边界,用来阻止读者获取与正在浏览的二维码无关的信息 即是否绘画二维码的空白边框区域 默认为true
#endregion
return qrImage;
}
#endregion

注意:如果你想做其它调整可以参考我第二个方法中的参数介绍进行设置,考虑到大家的难处,我把那些相关参数帮各位查了。

三、添加QRCodeController控制器处理请求并返回二维码图片

private readonly IWebHostEnvironment webHostEnvironment;
//private readonly IHostingEnvironment _hostingEnvironment; 3.0之前使用它
public QRCodeController(IWebHostEnvironment _webHostEnvironment)
{
webHostEnvironment=_webHostEnvironment;
}
public IActionResult Index()
{
return View();
}
public IActionResult GetPTQRCode(string url, int pixel=)
{
url = HttpUtility.UrlDecode(url);
Response.ContentType = "image/jpeg"; var bitmap = QRCoderHelper.GetPTQRCode(url, pixel);
MemoryStream ms = new MemoryStream();
bitmap.Save(ms, ImageFormat.Jpeg);
return File(ms.ToArray(), "image/png");
}
public IActionResult GetLogoQRCode(string url,string logoPath, int pixel = )
{
url = HttpUtility.UrlDecode(url);
logoPath= webHostEnvironment.WebRootPath + HttpUtility.UrlDecode(logoPath);
Response.ContentType = "image/jpeg"; var bitmap = QRCoderHelper.GetLogoQRCode(url, logoPath, pixel);
MemoryStream ms = new MemoryStream();
bitmap.Save(ms, ImageFormat.Jpeg);
return File(ms.ToArray(), "image/png");
}

注意:其中IHostingEnvironment是.net core 3.0之前使用获取目录位置的,而我们.net core 3.0已经由IHostingEnvironment变更为IWebHostEnvironment来获取了。

四、前端请求设计

<link href="~/Lib/Mobile/jquery.mobile-1.4.5.min.css" rel="stylesheet" />
<script src="~/Lib/Mobile/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript">
$(function () {
PTCreate();
LogoCreate();
});
function PTCreate() {
pt = escape($("#PT").val());//防止中文等特殊字符引起问题
ptSize = $("#PTSize").val();
var id = document.getElementById("PTImg");
var str = "../QRCode/GetPTQRCode?url=" + pt + "&pixel=" + ptSize + "&random=" + Math.random();
id.setAttribute("src", str);
}
function LogoCreate() {
logo = escape($("#Logo").val());
logoPath = escape($("#LogoPath").val());
logoSize = $("#LogoSize").val();
var id = document.getElementById("LogoImg");
var str = "../QRCode/GetLogoQRCode?url=" + logo + "&logoPath=" + logoPath + "&pixel=" + logoSize + "&random=" + Math.random();
id.setAttribute("src", str);
}
</script>
<div style="width:60%; margin:auto;text-align:center;">
<h2>普通二维码</h2>
<input type="text" class="form-control" id="PT" placeholder="请输入字符" value="www.jiyuwu.com"><button onclick="PTCreate();">生成</button>
<input type="range" name="points" id="PTSize" value="" min="" max="" onchange="PTCreate();">
<br />
<img id="PTImg" />
<h2>Logo二维码</h2>
<input type="text" class="form-control" id="Logo" placeholder="请输入字符" value="www.jiyuwu.com">
<input type="text" class="form-control" id="LogoPath" placeholder="logo位置" value="\Lib\Markdown\images\logos\editormd-logo-32x32.png">
<button onclick="LogoCreate();">生成</button>
<input type="range" name="points" id="LogoSize" value="" min="" max="" onchange="LogoCreate();">
<img id="LogoImg" />
</div>

五、那么看下效果吧

开源地址 动动小手,点个推荐吧!

注意:我们机遇屋该项目将长期为大家提供asp.net core各种好用demo,旨在帮助.net开发者提升竞争力和开发速度,建议尽早收藏该模板集合项目

最新文章

  1. U盘修复
  2. 【MySQL】pt-query-digest数据处理并关联业务
  3. dig 常用的域名查询工具
  4. 2016年11月3日--Window.document对象
  5. struts2中struts.xml配置文件详解【未整理】
  6. 使用CSS为图片添加边框的几种方法
  7. jwplayer 禁止视频的快进,但是可以后退(已实现)
  8. Java发送新浪微博的问题
  9. POJ 3829 Seat taking up is tough(——只是题目很长的模拟)
  10. Asch PK Lisk系列之一:安全性
  11. OpenGL.Qt532.cube
  12. 在win10中解决 你要以何方式打开此 .xlsx
  13. List接口的实现类(Vector)(与ArrayList相似,区别是Vector是重量级的组件,使用使消耗的资源比较多。)
  14. hibernate04--三种状态之间的转换
  15. 【课程总结】Linux内核分析课程总结
  16. pandas选择单元格,选择行列
  17. http://ctf.bugku.com/challenges#%E6%B8%B8%E6%88%8F%E8%BF%87%E5%85%B3--游戏过关
  18. 解决编译错误:cc: Internal error: Killed (program cc1)
  19. stats.js随时查看fps
  20. An Easy Task(简箪题)

热门文章

  1. 斐波那契数列n项的值。(递归和非递归算法Golang实现)
  2. Rust入坑指南:核心概念
  3. 无意间做了个 web 版的 JVM 监控端(前后端分离 React+Spring Boot)
  4. 从输入URL到页面渲染完成 -戈多编程
  5. 安装高可用Hadoop生态 (三) 安装Hadoop
  6. GUI篇 tkinter (Label,Button)之一
  7. 性能测试:Jmeter压测过程中的短信验证码读取
  8. DJango错误日志生成
  9. Flask的使用以及返回值(其中Response后续详细单独补充)
  10. oracle数据库的安全测试