0

Можно ли как-то организовать вставку изображения, загруженного с помощью input, в HTML-страницу с помощью JavaScript?

2
  • а что-то не получается? Commented 23 мар. 2020 в 13:28
  • 1
    100% ответ на этот вопрос кроется в недрах гугла
    – Lofectr
    Commented 23 мар. 2020 в 13:30

1 ответ 1

1

window.addEventListener('load', function() {
  document.querySelector('input[type="file"]').addEventListener('change', function() {
      if (this.files && this.files[0]) {
          var img = document.querySelector('img');  
          img.src = URL.createObjectURL(this.files[0]); 
          img.onload = imageIsLoaded;
      }
  });
});

function imageIsLoaded() { 
  alert(this.src); 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='file' />
<br><img id="myImg" src="#" alt="your image" height=200 width=100>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.