¿Cómo generar códigos QR con ASP.NET MVC?

Estrada Web Group
Administrador
¿Cómo generar códigos QR con ASP.NET MVC?

programar códigos QR con ASP.NET

En este articulo veremos como generar códigos QR con ASP.NET.

Paso 1.

Primero crea un nuevo proyecto vacío MVC como se muestra en las siguientes imágenes:

generar códigos QR con ASP.NET MVC

QR con ASP.NET

Paso 2.

Agregas la librería QRCoder está la encuentras en los paquetes NuGet

Libreria gratis para generar QR con ASP.NET

Paso 3

Creas un nuevo controlador y su vista correspondiente, posteriormente debes copiar y pegar el html siguiente.


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>QR Generate</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
</head>
<body>
    <form id="form1" runat="server" action="~/Default" method="post">
        <div class="container">
            <h2>How to Generate QR Code in ASP.NET MVC</h2>
            <div class="row">
                <div class="col-md-9">
                    <div class="form-group">
                        <label>Enter Something</label>
                        <div class="input-group">
                            <input type="text" name="txtQRCode" class="form-control" value="@ViewBag.txtQRCode" />
                            <div class="input-group-prepend">
                                <button type="submit">Generte QR</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if (ViewBag.imageBytes != null)
            {
                <img src="@String.Format("data:image/png;base64,{0}", Convert.ToBase64String(ViewBag.imageBytes))" />
            }

        </div>
    </form>
</body>
</html>

Paso 4.

Copia y pega el código de servidor y listo ejecuta el ejemplo.

using QRCoder;
using System;
using System.Collections.Generic;
using System.Drawing;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace QR.Controllers
{
    public class DefaultController : Controller
    {
        // GET: Default
        public ActionResult Index()
        {
            return View();
        }
        [HttpPost]
        public ActionResult Index(string txtQRCode)
        {
            ViewBag.txtQRCode = txtQRCode;
            QRCodeGenerator qrGenerator = new QRCodeGenerator();
            QRCodeData qrCodeData = qrGenerator.CreateQrCode(txtQRCode, QRCodeGenerator.ECCLevel.Q);
            QRCode qrCode = new QRCode(qrCodeData);
            //System.Web.UI.WebControls.Image imgBarCode = new System.Web.UI.WebControls.Image();
            //imgBarCode.Height = 150;
            //imgBarCode.Width = 150;
            using (Bitmap bitMap = qrCode.GetGraphic(20))
            {
                using (MemoryStream ms = new MemoryStream())
                {
                    bitMap.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
                    ViewBag.imageBytes = ms.ToArray();
                    //imgBarCode.ImageUrl = "data:image/png;base64," + Convert.ToBase64String(byteImage);
                }
            }
            return View();
        }
    }
}

 

Compartir artículo:

Más artículos geniales

Instalación y configuración del entorno de desarrollo de ASP.NET Core

Instalación y configuración del entorno de desarrollo de ASP.NET Core

En este tutorial, aprenderás cómo configurar un entorno de desarrollo ASP.NET Core. Para comenzar con el desarrollo de ASP.NET Core, necesitas un IDE y un SDK de .NET Core.

Ver artículo completo
Cifrar y descifrar contraseñas o cadenas de texto en C#

Cifrar y descifrar contraseñas o cadenas de texto en C#

Encriptar o cifrar y descifrar contraseñas o cadenas de texto utilizando una clave simétrica en C #

Ver artículo completo
¿Qué es MVC?

¿Qué es MVC?

Con este artículo puedes aprender qué significa MVC y su importancia en el desarrollo de aplicaciones web, así como sus ventajas y desventajas. También puedes ver ejemplos de su uso en diferentes aplicaciones y aprender cómo implementar MVC en ASP.NET Core 7.0.

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla