【问题标题】:how to pass qrcode from .netcore api to angular如何将二维码从.net core api传递到angular
【发布时间】:2021-10-13 19:00:01
【问题描述】:

从我的后端我得到一个对象,如下面的屏幕截图所示

在角度方面,我如何将其转换为 qrcode 的图像,因为我没有看到任何字节来转换它,这个对象是否有效地显示为 qrcode?​​p>

在我的后端,我从 .netcore 发送数据:

  public async  Task<IActionResult> ExecuteAsync(TreydModel treydmodel, CancellationToken cancellationToken)
    {
        string txtQRCode = "morteza";
       var sendPayinResponse=await  sendpaying.SendPayinInitiateRequest(treydmodel);
        QRCodeGenerator _qrCode = new QRCodeGenerator();
        QRCodeData _qrCodeData = _qrCode.CreateQrCode(txtQRCode, QRCodeGenerator.ECCLevel.Q);
        QRCode qrCode = new QRCode(_qrCodeData);
        Bitmap qrCodeImage = qrCode.GetGraphic(20);
        BitmapToBytesCode(qrCodeImage);
        return new OkObjectResult(qrCodeImage);

    }
    private static Byte[] BitmapToBytesCode(Bitmap image)
    {
        using (MemoryStream stream = new MemoryStream())
        {
            image.Save(stream, System.Drawing.Imaging.ImageFormat.Png);
            return stream.ToArray();
        }
    }

【问题讨论】:

  • 您能改为共享网络通话吗?您可以在开发者工具中查看
  • @CharlieAraya 回复只有 200 条,有帮助吗?
  • 不,如果您单击呼叫并检查“响应”选项卡,您将能够看到原始结果。如果你确实得到了一张图片,你应该也可以在“预览”标签中看到它

标签: javascript angular asp.net-core


【解决方案1】:

我不确定它是否是您正在寻找的。请在下面查看我的代码和测试结果。

<div id="code"></div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<script>
    var test = {
        "flags": 2,
        "frameDimensionsList": [
            "123456789456"
        ],
        "height": 580,
        "horizontatlResolution": 96,
        "palette": {
            "flag": 0,
            "entries":[]
        }
    };
    $('#code').qrcode(JSON.stringify(test)); 
</script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-06-13
    • 1970-01-01
    • 2019-05-28
    • 2021-03-28
    • 2023-03-02
    • 2019-11-11
    • 2019-03-02
    • 2013-02-19
    相关资源
    最近更新 更多