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

【问题标题】：Can't get ngf-resize to work with ng-file-upload无法让 ngf-resize 与 ng-file-upload 一起使用
【发布时间】：2016-05-22 01:18:10
【问题描述】：

我正在开发一个 angular-meteor 应用程序，并遵循official tutorial，我正在使用 ng-file-upload 上传图像。我正在尝试调整客户端上的图像大小。我很确定我只是缺少有关如何使用此指令的基本知识。这是我的 html sn-p：

<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" 并尝试更多，但没有任何效果。

任何帮助将不胜感激！

【问题讨论】：

你能创建一个 jsfiddle 吗？您的代码似乎很好。您可以在演示页面上使用 ngf-resize 或在演示页面中使用 jsfiddle 示例，以了解您在做什么不同，
@IBS 我也有同样的问题。 ngf-resize 和 ngf-resize-if 不会被调用。
@danial 嗨。我遇到了同样的问题。你知道这个问题吗？
如果你们能创建一个可重现的 jsfiddle，我可以看看问题出在哪里。

标签： javascript angularjs meteor ng-file-upload

【解决方案1】：

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

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

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

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

（根据您当前的情况更改 TRUE）

【讨论】：