Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
3 / 3 / 0
Регистрация: 22.11.2011
Сообщений: 121

Ошибка получения данных рисунка

30.01.2014, 16:53. Показов 567. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте. Такая ситуация. Разрабатываю AJAX загрузчик фотографий.
"Туда" загружает нормально, но когда я обрабатываю уже загруженную фотографию - у меня вылезает небольшой баг. Вот код
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
function uploadComplete(evt) {
  
  var resp = JSON.parse(evt.target.responseText);  
  var img  = document.createElement('img');
  var div_img  = document.createElement('div');
  var div_prev = document.getElementById('filesAfter');
      
  img.src = resp.src;
  
  var img_height = img.height;      // здесь у меня переменная равна 0
  var img_width  = img.width;       // здесь у меня переменная равна 0
  
  var thumb_width  = 120;
  var thumb_height = 80;
  
  if(img_height > img_width) {
    if(img_width > thumb_width) {
      var ratio = thumb_width / img_width;
      
      thumb_height = img_height * ratio;
    }
  } 
  else if(img_height < img_width) {
    if(img_height > thumb_height) {
      var ratio = thumb_height / img_height;
      
      thumb_width = img_width * ratio;
    }
  } else {
    thumb_height = thumb_width; 
  }
  
  div_img.style.backgroundColor = resp.success ? "rgba(0, 255, 0, 0.3)" : "rgba(255, 0, 0, 0.3)";
    
  img.style.height = thumb_height + "px";
  img.style.width  = thumb_width + "px";
    
  div_img.appendChild(img);
  
  div_prev.appendChild(div_img);  
}
Так вот. У меня не хочет браться значения высоты и ширины картинки. Хотя, когда я прохожу дебаггером - переменные иниализуються и все работает нормально.
Может есть какая-то скрытая магия, что оно не работает... ?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
30.01.2014, 16:53
Ответы с готовыми решениями:

Ошибка получения данных из select
Здравствуйте, проблема с select: имеется таблица построенная на div (tabel-cell и tabel-row) Пример ряда. &lt;div...

Ошибка получения данных из mysql
Вот такой код : $host = 'localhost'; $user = 'user'; $pass = '12345'; $connect = mysql_connect($host, $user, $pass); ...

Регистр сведений. Ошибка получения данных
Подскажите в чем ошибка? Код из общего модуля Функция РозничнаяЦенаРубли(АктуальнаяДата, ЭлементТовары) Экспорт Отбор =...

2
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
30.01.2014, 21:15
а вот попробуйте это запустить в браузере
HTML5
1
2
3
4
5
6
7
8
9
<html>
<script>
var img  = document.createElement('img');
img.src = 'https://sc.imp.live.com/content/dam/imp/surfaces/mail_signin/v3/images/outlook_sisu_refresh_google_device_ru-ru.jpg';
  
  var img_height = img.height;
  var img_width  = img.width;
alert (img_height + '-' + img_width);
</script>
в первый раз увидите 0-0
а во второй раз уже увидите 340-475

и знаете почему?
потому что рисунок уже будет в вашем кеше (и ваш дебаггер тоже из кеша данные берёт)
-----------

высоту и ширину картинки можно узнать только после её загрузки
поэтому вам вашу функцию надо будет "разорвать" вставкой img.onload = function () {всё то, что вы делаете после строки #8 вашего кода} и только после определения функции прописывайте вашу строку #8
1
3 / 3 / 0
Регистрация: 22.11.2011
Сообщений: 121
31.01.2014, 01:48  [ТС]
ок, спасибо за ответ. Я уже отследил момент насчет кеша, вы мне помогли с реализацией и развеяли мои сомнения.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
31.01.2014, 01:48
Помогаю со студенческими работами здесь

Ошибка получения ответа на запрос с базы данных mysql
Здрасте, ругается на данную строку $row=mysqli_fetch_array($qr); говорит что $qr=mysqli_query($link, $q); возвращает булевое...

Пиксели рисунка закодированы числами в виде матрицы. Выполнить отражение рисунка сверху вниз
Пиксели рисунка закодированы числами (обозначающими цвет)в виде матрицы,содержащей N строк и M столбцов.Выполните отражение рисунка сверху...

Какая функция реализует деление рисунка на части и всплывающее окно при наведении на часть рисунка
Добрый день, уважаемые. Какая функция реализует деление рисунка на части и всплывающее окно при наведении на часть рисунка. Т.е....

Ввод рисунка из файла *.bmp. Подсчет общего числа пикселей в строке,столбце матрицы рисунка...
На языке СИ++ написать программу,Выполняющую следующие операции: Ввод рисунка из файла *.bmp. Подсчет общего числа пикселей в...

Сохранение Рисунка из Word в отдельный файл Рисунка
Ситуация следующая. В документе Word есть рисунок, его надо преобразовать в файл Рисунок с сохранением всего качества. Как это сделать?...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru