您好,登錄后才能下訂單哦!
本篇內(nèi)容主要講解“如何使用APS.NET MVC4生成二維碼”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何使用APS.NET MVC4生成二維碼”吧!
一、視圖
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scripts/jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(function () { //生成 $('#createBtn').click(function () { createImage(); }); //解析 $('#analysisBtn').click(function () { analysisImage(); }); }); //生成二維碼 function createImage() { var content = $('#content').val(); //ajax開始 $.post("/ORCode/GetORImage/", { "content": content }, function (data) { $('#imgDiv').empty(); $('#imgDiv').append('<img id="ORImage" />'); $("#ORImage").attr("src", data); }); //ajax結(jié)束 } //解析二維碼 function analysisImage() { //獲取圖片名稱 var imageUrl = $('#ORImage').attr("src"); var array = imageUrl.split('/'); var imageName = array[array.length - 1]; //如:123.jpg //ajax開始 $.post("/ORCode/GetORImageContent/", { "imageName": imageName }, function (data) { $('#ORCodeContent').empty(); $('#ORCodeContent').text(data); }); //ajax結(jié)束 } </script> </head> <body> <div > <div> <textarea id="content"></textarea> <br /> <input id="createBtn" type="button" value="生成二維碼" /> </div> <div> <textarea id="ORCodeContent"></textarea> <br /> <input id="analysisBtn" type="button" value="解析二維碼" /> </div> <div id="imgDiv"> </div> </div> </body> </html>
二、控制器
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using Common; using System.Drawing; namespace QRCodeDemo.Controllers { public class ORCodeController : Controller { // // GET: /ORCode/ public ActionResult Index() { return View(); } [HttpPost] public ActionResult GetORImage(string content) { //if (string.IsNullOrEmpty(content)) //{ // return Content(""); //} string timeStr = DateTime.Now.ToFileTime().ToString(); Bitmap bitmap = QRCodeOp.QRCodeEncoderUtil(content); string fileName = Server.MapPath("~") + "Content\\Images\\QRImages\\" + timeStr + ".jpg"; bitmap.Save(fileName);//保存位圖 string imageUrl = "/Content/Images/QRImages/" + timeStr + ".jpg";//顯示圖片 return Content(imageUrl); } [HttpPost] public ActionResult GetORImageContent(string imageName) { string fileUrl = Server.MapPath("~") + "Content\\Images\\QRImages\\" + imageName; Bitmap bitMap = new Bitmap(fileUrl); string content = QRCodeOp.QRCodeDecoderUtil(bitMap); return Content(content); } } }
三、二維碼生成工具類
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using ThoughtWorks.QRCode.Codec; using ThoughtWorks.QRCode.Codec.Data; using System.Drawing; namespace Common { public class QRCodeOp { /// <summary> /// 生成二維碼 /// </summary> /// <param name="qrCodeContent">要編碼的內(nèi)容</param> /// <returns>返回二維碼位圖</returns> public static Bitmap QRCodeEncoderUtil(string qrCodeContent) { QRCodeEncoder qrCodeEncoder = new QRCodeEncoder(); qrCodeEncoder.QRCodeVersion = 0; Bitmap img = qrCodeEncoder.Encode(qrCodeContent, Encoding.UTF8);//指定utf-8編碼, 支持中文 return img; } /// <summary> /// 解析二維碼 /// </summary> /// <param name="bitmap">要解析的二維碼位圖</param> /// <returns>解析后的字符串</returns> public static string QRCodeDecoderUtil(Bitmap bitmap) { QRCodeDecoder decoder = new QRCodeDecoder(); string decodedString = decoder.decode(new QRCodeBitmapImage(bitmap), Encoding.UTF8);//指定utf-8編碼, 支持中文 return decodedString; } } }
到此,相信大家對“如何使用APS.NET MVC4生成二維碼”有了更深的了解,不妨來實際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。