modal_create.html

<div class="form-group">
                <div flow-init="{singleFile:true, target: '/posinvacc/api/merchant/upload', path: '/posinvacc/upload'}"
                  flow-file-added="!!{png:1,jpg:1,jpeg:1}[$file.getExtension()]"
                  flow-files-submitted="$flow.upload()"
                  flow-file-success="$file.msg = $message">
                    <div class="gallery-box" ng-show="!$flow.files.length">
                          <img src="assets/images/no_image.png" />
                    </div>
                    <div class="gallery-box" ng-show="$flow.files.length">
                        <img flow-img="$flow.files[0]" />
                    </div>
                    <div>
                        <span class="btn btn-primary" ng-show="!$flow.files.length" flow-btn>Select logo...</span>
                        <span class="btn btn-info" ng-show="$flow.files.length" flow-btn>Change</span>
                        <span class="btn btn-danger" ng-show="$flow.files.length" ng-click="$flow.cancel()">Remove</span>
                    </div>
                    <p>PNG,JPG,JEPG files allowed.</p>
              </div>
            </div>