Я пытаюсь использовать модуль загрузки ng-файлов для Angular (1.5.9) для загрузки файлов. Я установил его для изменения размеров изображений до 200x200, но они всегда меняются на ширину до 283. Например, я загружаю изображение размером 1786x1132 и его размер изменяется до 283x178. Другое изображение размером 225x225 получает размер до 283x283.Изменение размера в ng-файле-upload создание неправильного размера image
Вот мое определение директивы:
<div class="image-upload" ngf-drop="" ngf-select ng-model="inventory.file" name="file" ngf-pattern="'image/*'" ngf-accept="'image/*'" ngf-max-size="5MB"
ngf-min-height="200" ngf-min-width="200" ngf-resize="{width: 200, height: 200, centerCrop: false}" ngf-drag-over-class="image-upload--drag-over">
<img flex="none" ngf-thumbnail="inventory.file || '/assets/images/default-prize.png'" width="200" height="200">
<label flex="none">{{ 'DRAGIMAGE' | translate }}</label>
</div>
один пункт в случае, если это отношение является то, что я на самом деле не загружая на сервер еще. Я проверяю измененное изображение, щелкнув правой кнопкой мыши в браузере и сохраняя изображение на своем компьютере. Я заметил проблему, потому что я показываю миниатюру изображения (при 200x200), и качество выглядит очень плохо после изменения размера.
Любые идеи?
Это миниатюра ngf, которая изменяет размер базы изображений на размер элемента 'img'. Фактический файл изменяется правильно, и если вы измените «ngf-thumbnail» на «ngf-src», вы увидите, что изображение имеет правильный размер. – danial
@ danial Отлично, это было! Пожалуйста, создайте ответ, и я его выберу. Благодаря! – Jason