CODEWITHSUNDEEP
javascriptangularjsnode.jsimagecompression
Suresh Kota
Suresh Kota

Reputation: 315

Compress image at client side (angularjs) and upload to server(nodejs)

I am using ng-file-upload directive to upload files to nodejs in my application. Now, I am trying to compress the image before uploading. To do that I have tried using compress method of Java Image Compress(JIC) library. It is successfully compressing an image. Now, the problem is, I have to send a file object to my server(nodejs) but compress method returns an image with src attribute. Is there any way to get file object with url? or any other alternative way of achieving compress at angularjs and upload to nodejs? Any help appreciated.

Upvotes: 0

Views: 6044

Answers (2)

Aswathy Balan
Aswathy Balan

Reputation: 504

I think ng-image-compress will solve your issue. To use this,

  • Download ng-image-compress
  • Bower - bower install angular-image-compress.
  • Include angular.js and angular-image-compress.js in your application and add ngImageCompress as dependency to your main module.

angular.module('myApp', ['ngImageCompress']);

Then you can include "resize-max-height="800" resize-max-width="800" resize-quality="0.7" resize-type="image/jpg" ng-image-compress " in your File Type input to compress your image.

You can find more details from https://github.com/oukan/angular-image-compress

Upvotes: 5

KlwntSingh
KlwntSingh

Reputation: 1092

set req headers Content-Encoding: gzip it will be compressed automatically

Upvotes: 0

Related Questions