2016-11-02 18 views
0

こんにちは私はアプリのスクリーンショットを撮るようにIonicアプリを持っています。Ionic/Cordova - 使用する画像パスを取得<img src="">

私の問題は、イメージパス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

$scope.image.src = screenshotLinknavigator.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); 
+0

それは働いたが、私は画像に2つのスクリーンショットを取らなければならない... それはなぜですか? –

+0

モデルを更新するときにビューが更新されていてはなりません。私は実際に似たような問題に遭遇しました。奇妙なことに 'ng-src'を' src'に変更するだけで私の問題は解決しました。 –

+0

まだ働いていない人:/ 2番目のボタンをクリックすると画像が表示されます。 –

関連する問題