Impossible de définir la balise d'ancrage inro de l'image en utilisant ng-file-upload dans Angular.js

Question

J'ai un problème. J'utilise ngFileUpload pour télécharger l'image à partir du lecteur et j'ai besoin de lier cette image sélectionnée dans l'étiquette d'ancrage. J'explique mon code ci-dessous.

<div ng-repeat="mul in mulImage"> 
<input type="file" class="filestyle form-control" data-size="lg" name="upload_{{$index}}" id="bannerimage_{{$index}}" ng-model="mul.image" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" ngf-select="onFileSelect1($index);"> 
<a href="mul.image" data-spzoom data-spzoom-width="400" data-spzoom-height="400"><img ngf-thumbnail="mul.image" name="pro" id="imgBig" border="0" style="width:32px; height:32px; border:#808080 1px solid;" ng-if="mul.image !=null"></a> 
</div> 

Ici lorsque l'utilisateur sélectionne une image de conduire son affichage à l'aide img ngf-thumbnail mais ici j'ai besoin en même temps que particulier url de l'image doit mettre en a href="". Ici, j'ai fait quelque chose mais il ne fonctionne pas comme prévu, S'il vous plaît aidez-moi à résoudre ce problème.

Answer 1

en html:

<div ng-repeat="mul in mulImage"> 
    <input type="file" ng-model="mul.image" ng-change="getFileUrl(mul)"> 
    <a href="mulImage[mulImage.indexOf(mul)].imageLink"></a> 
</div> 

Contrôleur:

$scope.getFileUrl = function(image) { 
    var reader = new FileReader(); 
    reader.readAsDataURL(image.image); 
    reader.onload = function() { 
     $scope.mulImage[mulImage.indexOf(image)].imageLink = reader.result; 
    }; 
} 

Answer 2

Vous devez utiliser <a ng-href="mul.image" au lieu de <a href="mul.image".

Merci, Vinod