Как исправить добавленный div внутри полученного div? - PullRequest
0 голосов
/ 24 марта 2020
  • Я использовал обрезку js для функции обрезки.
  • , когда я выбираю изображение в проводнике и выбираю для обрезки изображения. Я не могу исправить внутри раздела appendChild.
  • Так что любой может помочь в решении этой проблемы.

JS Код

 upload.addEventListener("change", e => {
    // this.currentImage = false;
    if (e.target.files.length) {
      this.cropImage = true;

      // start file reader
      const reader = new FileReader();
      reader.onload = e => {
        if (e.target.result) {
          let result = this.template.querySelector(".result");
          // create new image
          let img = document.createElement("img");
          img.id = "image";
          img.src = e.target.result;

          // clean result before
          result.innerHTML = "";
          // append new image
          result.appendChild(img);
          cropperImage = new window.Cropper(img);

        }
      };
      reader.readAsDataURL(e.target.files[0]);
    }
  });

HTML

            <div class="profile-zoom">
                <template if:true={cropImage}>
                    <div class="result"></div>
                </template>
                <template if:false={cropImage}>
                    <img style="
                        width: 100%;
                        height: 100%;" class="current-image" src={imagePlaceholderDefault} alt="">
                </template>
            </div>

как закрепить обрезку внутри div с красной рамкой

...