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

Posted 2021-05-06

我正在研究一个角度流星应用程序，并遵循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”并且更多地玩游戏但没有任何效果。

任何帮助，将不胜感激！

答案

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

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

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

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

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