仅显示使用 phonegap Barcodescanner Zxing based Plugin 创建的 QR 图像

Posted 2023-05-07

【中文标题】仅显示使用 phonegap Barcodescanner Zxing based Plugin 创建的 QR 图像

【英文标题】：Display only the QR image created with phonegap Barcodescanner Zxing based Plugin

【发布时间】：2014-12-25 15:14:38

【问题描述】：

我正在使用https://github.com/wildabeast/BarcodeScanner 的phonegap 条码扫描器插件

我正在对文本字符串进行编码，并希望仅显示生成的图像。现在我正在使用以下代码

window.plugins.barcodeScanner.encode(
            "TEXT_TYPE",
            strToEncode,
            function(success) 
                console.log("Encoding succeeded");
                alert("Encode success: " + success);
            ,                 
            function(fail) 
                console.log("Encoding failed");
                alert("Encode failed: " + fail);
            
        );

警报中的成功对象返回一个图像，其下方有编码文本。我想从结果中只获取并显示一个图像对象。有没有像 success.toBitmap 之类的功能？或者有其他方法可以做到吗？

注意我实际上是在 Oracle MAF 应用程序中使用它，所以如果有一些 MAF 特定的答案也很好。代码如下

<amx:verbatim id="v1">
     <![CDATA[
    <script type="text/javascript" src="js/barcodescanner.js"></script>
    <script type="text/javascript">

    function generateBarcodeFromJavaBean(strToEncode) 
        console.log("Entering generateBarcodeFromJavaBean");
        window.plugins.barcodeScanner.encode(
            "TEXT_TYPE",
            strToEncode,
            function(success) 
                console.log("Encoding succeeded");
                alert("Encode success: " + success);
            ,                 
            function(fail) 
                console.log("Encoding failed");
                alert("Encode failed: " + fail);
            
        );
    

    </script>
]]>
</amx:verbatim>

【问题讨论】：

谁能帮我解决这个问题？

【参考方案1】：

我遇到了同样的问题并解决了这个问题：

首先：我检查了对象以了解他返回了什么

alert(JSON.stringify(success,null,4));

他返回了两个properties：格式和文件（其中有图像的src）。 第二个也是最后一个：我将图像附加到我的 div 中

document.getElementById("QRCode").innerhtml = '<img src="' +
success.file + '" />';

就是这样。希望它也对你有用！