почему изображение отображается размытым во время предварительного просмотра? - PullRequest
Новая
       18

почему изображение отображается размытым во время предварительного просмотра?

0 голосов
/ 07 июня 2019

Я использую плагин ниже для загрузки изображения https://www.npmjs.com/package/ng-file-upload

, но когда я выбираю изображение, оно показывает размытое изображение, почему?

вот мой код http://jsfiddle.net/ujnmzf8e/1/

.thumb {
    width: 100px;
    height: 100px;
    float: none;
    position: relative;
    top: 7px;
}

enter image description here

1 Ответ

0 голосов
/ 08 июня 2019

Вы можете изменить размер изображения и установить качество фотографии следующим образом. Я пошел дальше и удалил класс большого пальца.Также ссылка на документацию находится здесь. NgUploadFeatures 

 <fieldset>
  <legend>Upload on form submit</legend>
  Username:

  <input ngf-resize="{width: 100, height: 100, quality: .8, type: 'image/jpeg',  centerCrop: true, pattern='.jpg', restoreExif: true}" type="file" ngf-select ng-model="picFile" name="file"    
         accept="image/*" ngf-max-size="2MB" required
         ngf-model-invalid="errorFile">
  <i ng-show="myForm.file.$error.required">*required</i><br>
  <i ng-show="myForm.file.$error.maxSize">File too large 
      {{errorFile.size / 1000000|number:1}}MB: max 2M</i>
  <img   ng-show="myForm.file.$valid" ngf-thumbnail="picFile" > <button ng-click="picFile = null" ng-show="picFile">Remove</button>
  <br>
  <button ng-disabled="!myForm.$valid" 
          ng-click="uploadPic(picFile)">Submit</button>
  <span class="progress" ng-show="picFile.progress >= 0">
    <div style="width:{{picFile.progress}}%" 
        ng-bind="picFile.progress + '%'"></div>
  </span>
  <span ng-show="picFile.result">Upload Successful</span>
  <span class="err" ng-show="errorMsg">{{errorMsg}}</span>
</fieldset>
...