Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Узнать размеры картинки в input (https://javascript.ru/forum/dom-window/39543-uznat-razmery-kartinki-v-input.html)

bartle96 03.07.2013 17:19

Узнать размеры картинки в input
 
Узнать размеры картинки в 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 03.07.2013 17:24

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

bartle96 03.07.2013 17:46

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

danik.js 03.07.2013 18:31

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

danik.js 03.07.2013 18:32

Цитата:

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

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

mta88 03.07.2013 18:43

Цитата:

Сообщение от bartle96 (Сообщение 259921)
Пожалуйста помогите!

сколько боли:)

вот, развлекайтесь
но это будет работать только в новых браузерах, с поддержкой "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 03.07.2013 23:48

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

bartle96 03.07.2013 23:49

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


Часовой пояс GMT +3, время: 06:27.