taylorpzreal / ngx-cropper

An Angular image plugin, includes upload, cropper, save to server.

• 👋 Hi, I’m @TaylorPzreal
• 👀 I’m interested in coding.
• 🌱 I’m currently learning WebGL.

HTML Render

  flowchart LR;
      A[CI MULTI CHAPTCHA]-->B{Select captcha service by developer?};
      classDef green color:#022e1f,fill:#00f500;
      classDef red color:#022e1f,fill:#f11111;
      classDef white color:#022e1f,fill:#fff;
      classDef black color:#fff,fill:#000;
      B--YES-->C[How to use?]:::green;
      
      C-->U[I choose recaptcha.]:::green;
      U--Views-->Q["echo CIMC_JS('recaptcha');\n echo CIMC_HTML(['captcha_name'=>'recaptcha']);"]:::green;
      U--Controller-->W["CIMC_RULE('recaptcha');"]:::green;
      
      C-->I[I choose arcaptcha.]:::white;
      I--Views-->O["echo CIMC_JS('arcaptcha');\n echo CIMC_HTML(['captcha_name'=>'arcaptcha']);"]:::white;
      I--Controller-->P["CIMC_RULE('arcaptcha');"]:::white;
      
      C-->X[I choose bibot.]:::red;
      X--Views-->V["echo CIMC_JS('bibot');\n echo CIMC_HTML(['captcha_name'=>'bibot']);"]:::red;
      X--Controller-->N["CIMC_RULE('bibot');"]:::red;
      
      B--NO-->D[How to use?]:::black;
      D---Views:::black-->F["echo CIMC_JS('randomcaptcha');\n echo CIMC_HTML(['captcha_name'=>'randomcaptcha']);"]:::black; 
      D---Controller:::black-->T["CIMC_RULE('archaptcha,recaptcha,bibot');"]:::black;

ngx-cropper's Issues

Cannot use 'new' with an expression whose type lacks a callor construct signature.

Cannot use 'new' with an expression whose type lacks a callor construct signature.

your code is not working

---

I followed your "Usage" but did not get the results..

What should I do?

rxjs 6 compatibility issues.

RROR in ./node_modules/ngx-cropper/dist/ngx-cropper.service.js
Module not found: Error: Can't resolve 'rxjs/add/operator/catch' in '/var/www/workspace/appduction/careem/ambassador-admin-panel/node_modules/ngx-cropper/dist'
ERROR in ./node_modules/ngx-cropper/dist/ngx-cropper.service.js
Module not found: Error: Can't resolve 'rxjs/add/operator/map' in '/var/www/workspace/appduction/careem/ambassador-admin-panel/node_modules/ngx-cropper/dist'

"rxjs": "^6.0.0"
"@angular/core": "^6.0.3"

Build AOT error

I use angular 5.

When i build aot, i have error

ERROR in Error: Unexpected value 'NgxCropperModule in /Users/admin/dung/signal/node_modules/ngx-cropper/dist/ngx-cropper.module.d.ts' imported by the module 'ProfileModule in /Users/admin/dung/signal/src/app/users/profile/profile.module.ts'. Please add a @NgModule annotation.

Cannot select same image again

If I select one image and then cancel or apply, I cannot use the upload button to select that same image again, as the modal doesn't open.
This can happen when :

1. I mistakenly cancel but want to select that image again.
2. I cropped incorrectly and pressed apply, and want to reselect that same image to correctly crop it.

This happens because the modal is only triggered when there is a change in the file in the input field.
I am making a pull request to solve this.

Remove dependency over id=inputImage

Due to the same id, it is not possible to have multiple instances of this module on the same page (for example if used in a for loop). The last instance only gets triggered bcuz they all have the same id. Kindly remove this dependency over id.
Also, it would be nice if the DOM is not directly manipulated, as it might cause a problem in a PWA.

I'll try to fix it myself as well, and if I succeed I'll send a pull request.

Besides, it is a very nice and useful module. Thanks!