无法让ngf-resize与ng-file-upload一起使用

Question

我正在开发一个流星应用程序，并按照官方教程进行操作 ，使用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）