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

Question

我正在尝试使用 Angular (1.5.9) 的 ng-file-upload 模块上传文件。我已将其设置为将图像调整为 200x200，但它们总是调整为 283 的宽度。例如，我上传尺寸为 1786x1132 的图像，它正在调整为 283x178。另一张尺寸为 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。

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

Resize in ng-file-upload creating wrong size image

angularjs

image-resizing

ng-file-upload