Ionic / Cordova - 获取<img src=""/>上使用的图像路径

时间:2016-11-02 21:29:37

标签: javascript android cordova ionic-framework

嗨,我有一个Ionic应用程序,我将截取应用程序的截图。

我的问题是我需要在图像标签src中使用图像路径。 但我不知道为什么没有发生。

这是我的代码:

$scope.image = {
    src: ''
};

$scope.takeScreenshot = function() {

    var screenshotLink,
        screenshot = new Image(),
        filename = '';

    navigator.screenshot.save(function(error,res) {
        if(error){
            //console.error(error);
        } else {  
            screenshotLink = res.filePath;
        }
    },'jpg',100,filename);

    $scope.image.src = screenshotLink;

};//end_takeScreenshot


<img ng-src="{{ image.src }}" alt="foobar"/>

你能帮助我解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

您需要将$scope.image.src = screenshotLink移动到navigator.screenshot.save的回调函数中。像这样:

navigator.screenshot.save(function(error,res) {
    if(error){
        //console.error(error);
    } else {  
        screenshotLink = res.filePath;
        $scope.$apply( function() {
            $scope.image.src = screenshotLink;
        });
    }
},'jpg',100,filename);