控制器代码
1 /// <summary> 2 /// 生成条形码 3 /// </summary> 4 /// <param name="Name"></param> 5 /// <returns></returns> 6 public string Code(string Name) 7 { 8 //设置条形码规格 9 EncodingOptions encod = new EncodingOptions(); 10 //设置高 11 encod.Height = 120; 12 //设置宽 13 encod.Width = 200; 14 //生成条形码的图片并保存 15 BarcodeWriter wr = new BarcodeWriter(); 16 //指定规格 17 wr.Options = encod; 18 //指定条形码规格为EAN_13 19 wr.Format = BarcodeFormat.EAN_8; 20 //生成图片 21 Bitmap img = wr.Write(Name); 22 //获取文件夹的绝对路径E: 23 string filepath = Server.MapPath("~/.") + "/Image2/";//二维码图片存放的路径 24 //获取当前时间 25 string datime = DateTime.Now.ToString("yyMMddHHmmss"); 26 //进行图片保存 27 img.Save(filepath + datime + ".jpg", System.Drawing.Imaging.ImageFormat.Jpeg); 28 //返回生成一维码图片的路径 29 return "/Image2/" + datime + ".jpg"; 30 } 31 /// <summary> 32 /// 生成二维码 33 /// </summary> 34 /// <param name="Name"></param> 35 /// <returns></returns> 36 public string QRcode(string Name) 37 { 38 //设置二维码规格 39 QrCodeEncodingOptions qr = new QrCodeEncodingOptions(); 40 //设置编码格式,否则会乱码 41 qr.CharacterSet = "UTF-8"; 42 qr.Height = 200; 43 qr.Width = 200; 44 //设置二维码图片周围空白边距 45 qr.Margin = 1; 46 //生成条形码图片保存 47 BarcodeWriter wr = new BarcodeWriter(); 48 //二维码 49 wr.Format = BarcodeFormat.QR_CODE; 50 wr.Options = qr; 51 Bitmap bit = wr.Write(Name); 52 53 string filepath = Server.MapPath("/Image/") ;//二维码图片存放 54 //获取当前时间 55 string datime = DateTime.Now.ToString("yyMMddHHmmss"); 56 //进行图片保存 57 bit.Save(filepath + datime + ".jpg", System.Drawing.Imaging.ImageFormat.Jpeg); 58 //返回生成一维码图片的路径 59 return "/Image/" + datime + ".jpg"; 60 }
视图代码
<script src="~/Scripts/jquery-3.3.1.js"></script> <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> </head> <body> <div id="img1"> @*实现图片的盒子*@ </div> <p> 显示文本<input type="text" id="text1" name="name1" value="" /> @*文本框*@ <input type="button" onclick="qqq()" name="name11" value="一维码生成" />@*一维码生成按钮*@ <input type="button" onclick="www()" name="name12" value="二维码生成" />@*二维码生成按钮*@ </p> <script>function qqq() { var name1 = $("#text1").val();//获取文本框的值 $.ajax({//进行Ajax 提交到控制器 (下面有控制器方法的图片) url: '/Default/Code?name=' + name1,//路径传参注意修改路径 type: 'post', success: function (rese) {//收到返回的一维码图片地址 $("#images").remove();//清空盒子中图片 $("#img1").append("<img id='images' src=" + rese + " />"); } }) } function www() { var name2 = $("#text1").val(); $.ajax({ url: '/Default/QRcode?name=' + name2, type: 'post', success: function (rese) { alert(rese); $("#images").remove(); $("#img1").append("<img id='images' src=" + rese + " />"); } }) }</script> </body> </html>