Не могу заставить ngf-resize работать с ng-file-upload

Я работаю над приложением angular-meteor и следую официальное руководство, я использую 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 и поиграть еще больше, но ничего не сработало.

Любая помощь будет оценена по достоинству!


javascript angularjs meteor ng-file-upload
person IBS    schedule 11.02.2016    source источник
comment
Не могли бы вы создать jsfiddle? Кажется, ваш код в порядке. Вы можете поиграть с ngf-resize на демонстрационной странице или с примерами jsfiddle с демонстрационной страницы, чтобы понять, что вы делаете по-другому,   -  person danial    schedule 12.02.2016
comment
@IBS у меня такая же проблема. ngf-resize и ngf-resize-if не вызываются.   -  person jedi    schedule 09.06.2016
comment
@danial Привет. У меня та же проблема. Вы знаете эту проблему?   -  person Yonatan Vainer    schedule 23.07.2016
comment
Если вы, ребята, можете создать воспроизводимый jsfiddle, я могу посмотреть, в чем проблема.   -  person danial    schedule 24.07.2016

Ответы (1)


arrow_upward
0
arrow_downward

У меня была такая же проблема, и я какое-то время безуспешно искал какое-то решение. До сих пор разбирался в проблеме.

Когда вы загружаете файл svg и пытаетесь изменить его размер, это преобразование выполняется как файл png.

Итак, когда вы загружаете файл, вы ДОЛЖНЫ ИЗМЕНИТЬ РАСШИРЕНИЕ на PNG или исключить файлы svg.

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

(измените ИСТИНА для вашего текущего состояния)

person Angel    schedule 04.03.2018