Сжатое изображение не собирается сохранять с помощью угловых js
Я пытаюсь сжать несколько изображений с помощью угловых js, он также показывает сжатые изображения перед отправкой кнопки, но после загрузки этих изображений они собираются сохранить с оригинальным размером, но не с сжатым размером в базе данных
Какие исправления нужны? помогите плз...
<body ng-app="angNewsApp">
<form method='POST' action='/dashboard/ti/' enctype='multipart/form-data'>
{% csrf_token %}
<div ng-controller="demoCtrl">
<h2>Multiple</h2>
<input id="inputImage" name="file" type="file" accept="image/*" ng-model="imageList" image="imageList" resize-max-height="800" resize-max-width="800" resize-quality="0.7" resize-type="image/jpg" multiple="multiple" ng-image-compress/>
<div>
<img ng-src="{% verbatim %}{{item.compressed.dataURL}}{% endverbatim %}" ng-repeat="item in imageList" />
</div>
</div>
<button type="submit">Submit</button>
</form>
</body>
вот демо то что я делаю. и теперь я хочу сохранить эти изображения в базу данных, но оригинальные собираются... Что делать?