Angular 13 Image Upload With Live Preview to Crop,Scale & Resize Image Using ngx-image-cropper in TS

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 พ.ย. 2024

ความคิดเห็น • 21

  • @SalaRoue
    @SalaRoue 19 วันที่ผ่านมา

    nice

  • @alonli272
    @alonli272 ปีที่แล้ว +1

    The presented code doesn't work anymore(at least on me) I think because of the new version of the image cropper, the new preview value shoue be: this.cropImgPreview = event.objectUrl
    any your HTML element should be:

  • @luczztem
    @luczztem 10 หลายเดือนก่อน

    thank you bro helped a lot really!

  • @VimleshKumarMaurya
    @VimleshKumarMaurya 2 ปีที่แล้ว +2

    Hi Sir
    if I set "allowMoveImage:true" then need fixed cropper box, after that move image and try to crop image but not able to crop currect image

    • @CodingShiksha
      @CodingShiksha  ปีที่แล้ว

      Hi Join the official discord server to resolve doubts here: discord.gg/cRnjhk6nzW

  • @sonbeast7772
    @sonbeast7772 2 ปีที่แล้ว +1

    can you tell me what that when we select a image in angular and then again select new one why only old one get uploaded not the new selected one

    • @CodingShiksha
      @CodingShiksha  2 ปีที่แล้ว

      Hi thanks for the message please join the official facebook group of Coding Shiksha to ask doubts
      facebook.com/groups/544305447024848/

  • @reshmahegde2702
    @reshmahegde2702 ปีที่แล้ว +1

    Hi, do we have any option to not crop, if we want to upload the image as it is, in image cropper,can we do?

    • @CodingShiksha
      @CodingShiksha  ปีที่แล้ว

      Message me on my whatsapp 9821254649

  • @everysecond6872
    @everysecond6872 2 ปีที่แล้ว +1

    can we get the coordinates and width height?

    • @CodingShiksha
      @CodingShiksha  2 ปีที่แล้ว

      Ankitha invite me on my hangouts id geekygautam1997@gmail.com I am online

  • @alexdunlop7408
    @alexdunlop7408 2 ปีที่แล้ว +1

    How is it possible to upload cropped image directly to the API?

    • @CodingShiksha
      @CodingShiksha  2 ปีที่แล้ว

      Thanks for asking please join facebook group of coding shiksha to ask questions: facebook.com/groups/544305447024848

  • @adarshhadli3863
    @adarshhadli3863 2 ปีที่แล้ว +1

    Bro... Iam still not clear dependency problem

    • @CodingShiksha
      @CodingShiksha  ปีที่แล้ว

      Hi Join the official discord server to resolve doubts here: discord.gg/cRnjhk6nzW

  • @pratimagutal9344
    @pratimagutal9344 2 ปีที่แล้ว +1

    At end with slider zoom showing in video I'm asking about that how to apply it .

    • @CodingShiksha
      @CodingShiksha  2 ปีที่แล้ว

      Pratima thanks for asking please invite me on my hangout id geekygautam1997@gmail.com i am online to solve your problem

  • @kinglion8873
    @kinglion8873 ปีที่แล้ว

    not working

  • @codewithyavatan5657
    @codewithyavatan5657 2 หลายเดือนก่อน

    Are you joking??? right click and save image as... ??? 😀

  • @adarshhadli3863
    @adarshhadli3863 2 ปีที่แล้ว

    Error: node_modules/@types/quill/node_modules/quill-delta/dist/Delta.d.ts:1:8 - error TS1259: Module '"D:/Angular all projects/Angular-app/demo-app2/node_modules/@types/quill/node_modules/fast-diff/diff"' can only be default-imported using the 'allowSyntheticDefaultImports' flag
    1 import diff from 'fast-diff';
    ~~~~
    node_modules/@types/quill/node_modules/fast-diff/diff.d.ts:20:1
    20 export = diff;
    ~~~~~~~~~~~~~~
    This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.
    Error: node_modules/ngx-quill/lib/quill-editor.component.d.ts:2:21 - error TS2614: Module '"quill"' has no exported member 'Delta'. Did you mean to use 'import Delta from "quill"' instead?
    2 import QuillType, { Delta } from 'quill';
    ~~~~~

    • @CodingShiksha
      @CodingShiksha  ปีที่แล้ว

      Hi Join the official discord server to resolve doubts here: discord.gg/cRnjhk6nzW