'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.
Solution 1:[1]
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
Solution 2:[2]
set req headers
Content-Encoding: gzip
it will be compressed automatically
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | |
| Solution 2 | KlwntSingh |