首页 > 解决方案 > 在 Blazor 中显示文本和图像的 QR 码

问题描述

我正在使用 Blazor Server Side 创建一个网站。我已经成功生成了一个二维码,它将以文本形式显示用户的详细信息。我想知道是否可以让 QR 码显示此文本以及用户的图像。该图像将先前已上传到项目目录。我在网上搜索过,但似乎找不到任何东西让我知道这是否可能。如果有可能如何将其添加到此代码中,我正在使用 QRCoder 扩展:

    string QRCodeStr { get; set; } = "";

    public void GenerateQRCode()
    {
        QRCodeStr = "";

        using (MemoryStream ms = new MemoryStream())
        {
      
                QRCodeGenerator oQRCodeGenerator = new QRCodeGenerator();
                QRCodeData oQRCodeData = oQRCodeGenerator.CreateQrCode("Guest: " + guest.FirstName + " " + guest.LastName
                + "\nDOB: " + guest.DOB.ToShortDateString()
                + "\nArrival: " + guest.ArrivalDate.ToShortDateString()
                + "\nDepart: " + guest.DepartureDate.ToShortDateString()
                + "\nStudent: " + guest.StudentFirstName + " " + guest.StudentLastName
                + "\nRoom: " + guest.BlockName + ", " + guest.Room
                + "\nStatus: " + Status
                ,QRCodeGenerator.ECCLevel.Q);
                QRCode oQRCode = new QRCode(oQRCodeData);
                using (Bitmap oBitMap = oQRCode.GetGraphic(20))
                {
                    oBitMap.Save(ms, ImageFormat.Png);
                    QRCodeStr = "data:image/png;base64," + Convert.ToBase64String(ms.ToArray());

                }
            }
        }
    

标签: c#asp.netblazorqr-codeblazor-server-side

解决方案


推荐阅读