1

我正在尝试使用 Cordova API（在 IBM Worklight 中）拍照，但成功回调似乎从未触发（当我在 Backbone.js 之外使用相同的代码时，它工作得很好）。

这是我的视图文件：

var app = app || {};

app.WalletView = Backbone.View.extend({

    el: '#page',

    template: Handlebars.getTemplate( 'wallet' ),

    events: {
        'click #camera-snap': 'getPhoto'
    },

    initialize: function() {
        this.render();
    },

    // render library by rendering each book in its collection
    render: function() {
        this.$el.html( this.template() );
        return this;
    },

    getPhoto: function(e) {
        var $img = this.$el.find('img#camera-image');
        console.info('Taking Photo');
        /*
         | BASED ON: http://stackoverflow.com/a/11928792/633056
         */
        navigator.camera.getPicture(
            function(data) {
                $img.show();
                alert(data);  // <-- success alert
                //img.src = "data:image/jpeg;base64," + data;
                $img.attr('src', "data:image/jpeg;base64," + data);
                $('#camera-status').text("Success");
            },
            function(e) {
                console.log("Error getting picture: " + e);
                $('camera-status').innerHTML = e;
                //dom.byId('camera-image').style.display = "none";
            },
            // must be DATA_URL to return the data for future use
            {quality: 50, destinationType: navigator.camera.DestinationType.DATA_URL, sourceType : navigator.camera.PictureSourceType.CAMERA}
        );
    }

});

这就是我启动该视图的方式：

'showWallet': function() {
    new app.WalletView();
},

这是 HTML 模板：

<h1>Camera POC</h1>
<p>Camera Status: <i id="camera-status"></i></p>
<input type="submit" value="Take Picture" id="camera-snap">
<img src="" id="camera-image" style="width: 80%;">

单击该input#camera-snap按钮会调出本机相机界面。然后我可以拍照并（在 Android 上）单击勾选按钮（在本机界面中）。但是，当我返回到 Hybrid 应用程序时，什么也没有发生。

我希望alert()在我的成功回调中弹出一大串 BASE64 数据（就像不在 Backbone.

我究竟做错了什么？

4

1 回答 1

1

您可以在 $img.show() 调用之前的成功回调中添加一个 console.log($img) 吗，如下所示？

var $img = this.$el.find('img#camera-image');
        console.info('Taking Photo');

        navigator.camera.getPicture(
            function(data) {
                console.log($img);     // <-- new console.log
                $img.show();
                alert(data);  
                ....
            },
            function(e) {
                ....
            },
            ....
        );
    }

可能是 $img 变量在您的成功回调范围内不可见，因此您的 javascript 在收到警报之前就死了。

于 2013-10-16T15:58:55.177 回答