Question

我正在研究角度流星应用程序，并且在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文件完成。

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

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

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

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

1 个答案: