无法让ngf-resize使用ng-file-upload

Question

我正在开发一个angular-meteor应用程序，遵循official tutorial，我将使用ng-file-upload来上传图像。我正在尝试调整客户端上的图像大小。我很确定我遗漏了一些关于如何使用这个指令的基本信息。这是我的html代码片段：

<div ngf-drop ngf-select
     ngf-change="createLocationCtrl.addImages($files)"
     ngf-drag-over-class="{accept:'dragover', reject:'dragover-err', delay:100}" class="drop-box"
     ngf-multiple="false" ngf-allow-dir="false" ngf-accept="'image/*'"
     ngf-drop-available="true"
     ngf-resize="{width:300, height:300, centerCrop:true}">
      Select File or Drop File
</div>

然后，当我在createLocationCtrl.addImages的控制台中输入一个图像文件并中断时，我看到该文件的输入完全没有变化。

我尝试添加ngf-resize-if="true“，并尝试更多，但都不起作用。

任何帮助都将不胜感激！

Answer 1

我也遇到了同样的问题，我一直在寻找一些解决方案，但一直没有运气。直到现在我才明白问题所在。

当您上传svg文件并尝试调整其大小时，此转换将作为png文件完成。

因此，上载文件时，必须将扩展名更改为PNG或排除svg文件

ngf-resize-if="TRUE && $file.type !== 'image/svg+xml'"

(针对您的当前情况，更改为TRUE )