Javascript 如何在占位符中显示ng cordova摄像头inkove图像

Javascript 如何在占位符中显示ng cordova摄像头inkove图像,javascript,angularjs,ionic-framework,ionic,Javascript,Angularjs,Ionic Framework,Ionic,我有6个产品名称和图像在服务器上,我可以显示在用户界面。这里的UI很好,但我的要求是将图像拍摄(base64字符串)显示到受尊重的占位符中,以供临时使用 <ul class="list"> <li class="item" ng-repeat="i in products track by $index" ui-sref="leadProduct" > {{i}} <br>

我有6个产品名称和图像在服务器上,我可以显示在用户界面。这里的UI很好,但我的要求是将图像拍摄(base64字符串)显示到受尊重的占位符中,以供临时使用

<ul class="list">

           <li class="item" ng-repeat="i in products track by $index" ui-sref="leadProduct" >
                {{i}}
                <br>
                <br>
                <img ng-show="base64Array[$index] != undefined" ng-src="{{'data:image/png;base64,'+base64Array[$index]+imgURI}}" ng-err-src="http://placehold.it/100x100" ng-click="takePicture($index)">
                <img ng-show="base64Array[$index] == undefined" src="http://placehold.it/100x100" ng-click="takePicture($index)">
            </li>
        </ul>
在这里,我可以调用相机功能,但无法查看从相机拍摄的图像

<img ng-show="base64Array[$index] != undefined" ng-src="data:image/png;base64,{{base64Array[$index]+imgURI}}" ng-err-src="http://placehold.it/100x100" ng-click="takePicture($index)">

刚刚路过,看到了这个。如果你仍然想找到一个解决方案,这就是我所拥有的,它通过Ionic View对我有效

//HTML
<ion-content ng-controller="someController">
      <img ng-show="imgURI !== undefined" ng-src="{{imgURI}}" alt="This is not working">
      <img ng-show="imgURI === undefined" ng-src="placeholder" alt="This is not working">
      <button class="button" ng-click="takePicture()" name="button">Take a Picture</button>
  </ion-content>


  //Controller
$cordovaCamera.getPicture(options).then(function(imageData) {
$scope.imgURI = "data:image/jpeg;base64," + imageData;
}, function(err) {
});
//HTML
拍一张照片
//控制器
$cordovaCamera.getPicture(选项)。然后(函数(imageData){
$scope.imgURI=“数据:图像/jpeg;base64,”+imageData;
},函数(err){
});
你不需要在图片上加上“ALT”,但我喜欢加上它

//HTML
<ion-content ng-controller="someController">
      <img ng-show="imgURI !== undefined" ng-src="{{imgURI}}" alt="This is not working">
      <img ng-show="imgURI === undefined" ng-src="placeholder" alt="This is not working">
      <button class="button" ng-click="takePicture()" name="button">Take a Picture</button>
  </ion-content>


  //Controller
$cordovaCamera.getPicture(options).then(function(imageData) {
$scope.imgURI = "data:image/jpeg;base64," + imageData;
}, function(err) {
});