仅显示使用phonegap Barcodescanner Zxing基于插件创建的QR图像

时间:2014-12-25 15:14:38

标签: cordova zxing barcode-scanner oracle-maf

我正在使用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 之类的功能?或者有其他方法可以做到吗?

N.B。我实际上是在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 个答案:

答案 0 :(得分:1)

我遇到了同样的问题并且做了这个:

首先:我检查对象是否知道他返回了什么

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


他返回了两个properties:格式和文件(具有图像的src)。


第二个也是最后一个:我将图片附加到我的div

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



就是这样。希望它也适合你!