Форум

bartle96 · #1 (**permalink**) 03.07.2013, 17:19

Узнать размеры картинки в input
Люди плиз нужна ваша помощь! Облазил я все, не где конкретно ни чего не нашел((
Скажите как узнать ширину и высоту картинки в input?

Вот часть кода

<script>
    newImg = document.getElementById('file_mod_add');
   
    height = newImg.height;
    width = newImg.clientWidth;
</script>

<input type="file" id="file_mod_add" name="image" onchange="go_form();">

Пожалуйста помогите!

danik.js · #2 (**permalink**) 03.07.2013, 17:24

Тема тесно связана с "отображение превью картинки из input черзе FileReader"

bartle96 · #3 (**permalink**) 03.07.2013, 17:46

danik.js,
Да я понял но я в этой теме не очень тут всего я думаю пару строчек кода не хватает... ((

danik.js · #4 (**permalink**) 03.07.2013, 18:31

Парой строчек не обойтись. Ты на неправильном пути вобще. Я те дал набор ключевиков - трудно вбить их в гугл?

danik.js · #5 (**permalink**) 03.07.2013, 18:32

Сообщение от bartle96

Да я понял но я в этой теме не очень тут всего я думаю пару строчек кода не хватает... ((

Раз ты не в теме, то откуда знаешь сколько строк не хватает?

mta88 · #6 (**permalink**) 03.07.2013, 18:43

Сообщение от bartle96

Пожалуйста помогите!

сколько боли

вот, развлекайтесь
но это будет работать только в новых браузерах, с поддержкой "FileReader"
проверку существования "FileReader" и обработку других ошибок сами как-нибудь сделаете

<!doctype html>
<html>
<head>
<script>
window.onload = function() {
  var photo_input = document.getElementById('photo_input');
  
  photo_input.onchange = function() {
    var reader = new FileReader();

    reader.onload = function(e) {
      var img = document.createElement('img');

      img.onload = function() {
        console.log(this.width+'x'+this.height); // наконец-то результат
      };

      img.src = e.target.result;
    }

    reader.readAsDataURL(this.files[0])
  }
}
</script>
</head>

<body>
  <input type="file" id="photo_input">
</body>
</html>

bartle96 · #7 (**permalink**) 03.07.2013, 23:48

mta88,
Спасибо вам огромное!!!

bartle96 · #8 (**permalink**) 03.07.2013, 23:49

danik.js,
И тебе тоже спасибо, за внимание =) угарный ты))

Форум

Справочник

Discord чат

Курсы javascript