how to reset model data .when update data i insert image and then i update next data then before image is already present there in ng cropper.help me

hi i want to send image on server.
https://codepen.io/Crackeraki/pen/jWgmYB
like this multi images send to database in angular js array

          <form method="post"  id="create_building_info_frm" ng-submit='bld_ctrl.upload()'>
            <div class="form-group">

                <input type="text" ng-model="bld_ctrl.building.name" id="name" focus-me="{{shouldBeOpen}}" class="form-control" required maxlength="50">
            </div>
            <div class="form-group">
                <input type='file' ng-model="bld_ctrl.building.image"accept="image/*" id="mainimage">
        </div>
        <div class="cropArea">

            <ui-cropper image="myImage" area-type="rectangle" aspect-ratio="1.7" result-image="myCroppedImage" result-image-size='[{w: 250,h: 200},{w: 300,h: 2250}]' result-array-image='myArray'></ui-cropper>
        </div>
      </br>  <br>
     <div ng-show="myCroppedImage!=null"><img ng-src="{{myCroppedImage}}" src="{{myCroppedImage}}"  name='upload' id='image'   /></div>


        <ul style="list-style: none;">

          <li ng-repeat="cropedObject in myArray"> <div><img ng-src="{{cropedObject.dataURI}}" /></div></li>
        </ul>





      <div class="form-group mb-50">
        <input type="submit"  class="button button-green  pull-right"  value="submit"/>
      </div>
    </form>

Source: AngularJS