调整大小在ng-file-upload中创建错误的尺寸图像

Question

我正在尝试将ng-file-upload模块用于Angular（1.5.9）上传文件。我将其设置为将图像大小调整到200x200，但它们总是将其调整到283的宽度。大小225x225的另一个图像正在调整到283x283。

这是我的指示定义：

<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），并且在调整大小后的质量看起来真的很差。

有什么想法？

Answer 1

根据上述Danial的评论，解决方案是将NGF-Thumbnail更改为NGF-SRC。