Bild kann nicht nach dem Upload mit Angular.js

Question

angezeigt werden Ich habe ein Problem. Ich kann das Bild nach der Auswahl mit ng-file-upload aus Angular.js nicht anzeigen. Ich muss hier mehrere Dateien hochladen. Ich erkläre meinen Code unten.

<div ng-repeat="mul in mulImage"> 
    <div class="input-group bmargindiv1 col-md-12"> 
     <span class="input-group-addon ndrftextwidth text-right" style="width:180px">Image{{$index+1}}:</span> 
     <div> 

     <input type="file" class="filestyle form-control" data-size="lg" name="upload_{{$index}}" id="bannerimage_{{$index}}" ng-model="file" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" custom-on-change="uploadFile" ngf-select="onFileSelect($index,$file);"> 
     <div style="clear:both;"></div> 

     </div> 
     <span class="input-group-btn" ng-show="mulImage.length>0"> 
     <img ng-src="{{attchImage}}" name="pro" border="0" style="width:32px; height:32px; border:#808080 1px solid;" ng-if="mul.image !=null"> 
      <input type="button" class="btn btn-success" name="plus" id="plus" value="+" ng-click="addNewImageRow(mulImage);" ng-show="$last"> <input type="button" class="btn btn-danger" name="minus" id="minus" value="-" ng-show="mulImage.length>1" ng-click="deleteNewImageRow(mulImage,$index);"> 
     </span> 
    </div> 
    </div> 

meine Controller-Seite Code ist unten angegeben.

Hier muss ich nach der Auswahl des Bildes es innerhalb Bild-Tag angezeigt werden, aber dies nicht tun. Here is my plunkr Code. Bitte helfen Sie mir, dieses Problem zu lösen.

Answer 1

Sie haben 'onFileSelect' in Ihrer Ansicht verwendet und $ scope.onFileSelect1 definiert. Wenn ich es bearbeite läuft das Plunkersample für mich. Oder fehlt mir etwas?