unserver-unify/src/components/upload/aws-upload-dlg.html

<div class="modal-header">
  <button class="close" ng-click="$dismiss()" type="button">
    <span aria-hidden="true">
      ×
    </span>
    <span class="sr-only">
      Close
    </span>
  </button>
  <h3 class="modal-title">
    {{ 'Upload File' | translate }} - {{ setting.title | translate }}
    <span ng-if="setting.maxSize">
      ( < {{ setting.maxSize*1024 | fileSize}} )
    </span>
  </h3>
</div>
<div class="modal-body form-horizontal">
  <div class="form-group clearfix">
    <div class="col-md-12">
      <img class="img-thumbnail" ng-if="setting.image && (setting.imageUrl || setting.ctrl.imageUrl)" ng-src="{{ setting.imageUrl || setting.ctrl.imageUrl }}"/>
      <span ng-show="setting.image&&setting.maxheight">
        <input accept="image/*" file-model="testfile" image="ctrl.imageobj" ng-image-compress="" on-change="imageUploaded()" resize-max-height="{{setting.maxheight}}" resize-max-width="{{setting.maxwidth}}" resize-quality="0.8" resize-type="image/jpg" style="display:none" type="file"/>
        <button class="btn btn-primary" ng-class="{'pull-right': setting.image && (setting.imageUrl || setting.ctrl.imageUrl)}" onclick="$(this).prev().click()">
          {{'Select File' | translate}}
        </button>
      </span>
      <span ng-show="!setting.maxheight">
        <input accept="{{ setting.accept || (setting.image ? 'image/*' : '') }}" file-model="selectedFile" on-change="selectedFileChanged(selectedFile)" style="display:none" type="file"/>
        <button class="btn btn-primary" ng-class="{'pull-right': setting.image && (setting.imageUrl || setting.ctrl.imageUrl)}" onclick="$(this).prev().click()">
          {{'Select File' | translate}}
        </button>
      </span>
      <button class="btn btn-danger" ng-click="recordvoice()" ng-if="setting.audiorecord">
        {{ 'Direct Record' | translate }}
      </button>
    </div>
  </div>
  <p>
  </p>
  <div ng-show="selectedFile&&!setting.maxheight" style="word-wrap: break-word">
    <strong>
      {{ { eng : 'File Name', chn : '文件名'} | trans }}
    </strong>
    : {{ selectedFile.name }},
    <strong>
      {{ { eng : 'Size', chn : '文件大小'} | trans }}
    </strong>
    : {{ selectedFile.size | kbFileSize }}
  </div>
  <img class="img-thumbnail" ng-if="setting.image&&setting.maxheight&&ctrl.imageobj" ng-src="{{ ctrl.imageobj.compressed.dataURL }}"/>
  <img class="img-thumbnail" ng-show="setting.image && selectedFile&&previewImageSrc" ng-src="{{ previewImageSrc }}"/>
  <p>
  </p>
  <div class="progress" ng-if="selectedFile">
    <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="{{ uploadProgress }}" class="progress-bar" role="progressbar" style="width: {{ uploadProgress }}%;">
      {{ uploadProgress == 0 ? '' : uploadProgress + '%' }}
    </div>
  </div>
  <button class="btn btn-u btn-block" ng-click="uploadS3File(selectedFile)" ng-if="selectedFile && (!setting.maxSize||selectedFile.size <= setting.maxSize * 1024)">
    {{ { eng : 'Upload', chn : '上传'} | trans }}
  </button>
  <label ng-if="selectedFile.size >setting.maxSize * 1024">
    {{'The selected file is too large. The maximum upload size is' | translate}}
        {{ setting.maxSize }}KB.
  </label>
</div>