Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to init Croppie ?

See original GitHub issue

Hello!

Actual Behavior

I need to init your plugin but… i’ve always error : Uncaught Error: Croppie: Can't initialize croppie more than once Croppie is initialized once. I don’t understand this error…

Steps to Reproduce the Problem

Link: Codepen

Load a random image and open your console.
Error : Uncaught Error: Croppie: Can't initialize croppie more than once

Specifications

Browser: Chrome
Version: Version 71.0.3578.98 (Build officiel) (64 bits)

Issue Analytics

State:
Created 5 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

thedustinsmithcommented, Jan 2, 2019

Let me be more specific. Change this:

        <div class="upload-demo-wrap">
          <div id="upload-demo" class="croppie-container"><div class="cr-boundary" aria-dropeffect="none"><canvas class="cr-image" alt="preview" aria-grabbed="false"></canvas><div class="cr-viewport cr-vp-circle" tabindex="0" style="width: 100px; height: 100px;"></div><div class="cr-overlay"></div></div><div class="cr-slider-wrap"><input class="cr-slider" type="range" step="0.0001" aria-label="zoom"></div></div>
        </div>

to this

<div id="upload-demo"></div>

0reactions

DjSeNaSscommented, Nov 23, 2020

Let me be more specific. Change this:

        <div class="upload-demo-wrap">
          <div id="upload-demo" class="croppie-container"><div class="cr-boundary" aria-dropeffect="none"><canvas class="cr-image" alt="preview" aria-grabbed="false"></canvas><div class="cr-viewport cr-vp-circle" tabindex="0" style="width: 100px; height: 100px;"></div><div class="cr-overlay"></div></div><div class="cr-slider-wrap"><input class="cr-slider" type="range" step="0.0001" aria-label="zoom"></div></div>
        </div>

to this

<div id="upload-demo"></div>

Omg thx you so much! I took the code in a old project and I searched for hours to make it work. It wans’t obvious that it was already “instanced” because there was html in the wrapper. It’s not the usual way to verify. Bless you!