ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / при помощи чего можно узнать разрешение картинки до отправки на сервер?
63 сообщений из 63, показаны все 3 страниц
  все  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35667811
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
Есть форма из которой выбираем картинку со своего диска, при нажатии submit нужно узнать разрешение этой картинки, и только потом уже закачивать на сервер, а можно ли это узнать при помощи JavaScript или с помощью чего - это узнать. Что бы не пришлось юзеру ждать загрузки а потом увидеть сообщение что не подходит разрешение.
...
Рейтинг: 0 / 0
21.11.2008, 12:40
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35667828
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Нет, нельзя.
...
Рейтинг: 0 / 0
21.11.2008, 12:44
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35667979
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
чё это нельзя. Можно. Просто посмотреть же, руками не трогать.

Код: plaintext
1.
<input type="file" id="test">
<button onclick="var filename = document.getElementById('test').value; if (filename) alert( ((/([a-z]+)$/i).exec(filename))[0] ); else alert('select file');">show extension</button>

З.Ы. надеюсь exec сработает в таком виде. Если что - сделайте все через доп. переменные.
...
Рейтинг: 0 / 0
21.11.2008, 13:25
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668112
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Чёй-то я не понял этого способа... Так очевидней:
Код: plaintext
1.
<img id=test>
<input type=button onclick="test.src='c:\\7.gif';alert(test.width);">
...
Рейтинг: 0 / 0
21.11.2008, 13:59
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668145
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
illionчё это нельзя. Можно. Просто посмотреть же, руками не трогать.


Я имел ввиду Resolution а не Extension. :)

Antonariy
<img id=test>
<input type=button onclick="test.src='c:\\7.gif';alert(test.width);">


И как не странно работает. Спасибо. Не в курсе вариант безотказный во всех браузерах? Какие-нибудь подводные камни есть?
...
Рейтинг: 0 / 0
21.11.2008, 14:11
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668156
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Тьфу! Я же сам где-то писал совсем недавно приблизительно то же самое. Только предварительный предпросмотр нужен был. Пардон, извиняюсь! Я менял на онченж инпута срц картинки. Вот, ёлы-палы - склероз.
...
Рейтинг: 0 / 0
21.11.2008, 14:14
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668173
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
NCEНе в курсе вариант безотказный во всех браузерах? Какие-нибудь подводные камни есть?Заменить test на document.getElementById('test'). Камней быть не должно.
...
Рейтинг: 0 / 0
21.11.2008, 14:19
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668177
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
ShSergeТьфу! Я же сам где-то писал совсем недавно приблизительно то же самое. Только предварительный предпросмотр нужен был. Пардон, извиняюсь! Я менял на онченж инпута срц картинки. Вот, ёлы-палы - склероз.

всмысле без предварительного просмотра и не узнать разрешение картинки? Т.е. если пользователь через обзор выбрал картинку потом нажал на субмит(фактически, нигде её пред просмотра нет, только путь) то и не получится узнать?
...
Рейтинг: 0 / 0
21.11.2008, 14:20
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668194
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Пожалуй, что нет. Но если неохота ее созерцать, можно засунуть картинку в див размером в один пиксель с overflow:hidden.
...
Рейтинг: 0 / 0
21.11.2008, 14:24
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668242
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
AntonariyПожалуй, что нет. Но если неохота ее созерцать, можно засунуть картинку в див размером в один пиксель с overflow:hidden.

т.е. если у меня 7 обзоров то на каждую кнопку на событие change повесить функцию которая будет грузить эту картинку в свой див, которых тоже будет 7 штук?
...
Рейтинг: 0 / 0
21.11.2008, 14:37
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668268
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Так а в чём проблема? Хоть 100. Можно и динамически сколько угодно генерить, а на онченж ещё смотреть источник события.
...
Рейтинг: 0 / 0
21.11.2008, 14:44
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668320
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
NCEAntonariyПожалуй, что нет. Но если неохота ее созерцать, можно засунуть картинку в див размером в один пиксель с overflow:hidden.

т.е. если у меня 7 обзоров то на каждую кнопку на событие change повесить функцию которая будет грузить эту картинку в свой див, которых тоже будет 7 штук?Зачем? Ты же не можешь нажать 7 обзоров одновременно. Нажал 1, проверилось, нажал второй…
...
Рейтинг: 0 / 0
21.11.2008, 14:56
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668398
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
ShSergeТак а в чём проблема? Хоть 100. Можно и динамически сколько угодно генерить, а на онченж ещё смотреть источник события.

т.е. мне в html не надо вообще лепить дивы а всё в скрипте динамически создать div элемент и положить туда картинку?
...
Рейтинг: 0 / 0
21.11.2008, 15:13
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668428
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Нет, я думал интуты криэйтить. Если инпутов фиксированное количество, то как Antonariy написал.
...
Рейтинг: 0 / 0
21.11.2008, 15:20
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668511
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
а ничего что не все браузеры в файл-инпуте полный путь к файлу держат? :)
...
Рейтинг: 0 / 0
21.11.2008, 15:40
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668598
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
зы,

Зто не беда. Придварительный просмотр всё равно работает. Гораздо хуже другое - онченж происходит до того как картинка отрисовалась, а значит на онченж ширину и высоту не узнать.
Вот так просмотр сделал:
Код: plaintext
1.
2.
3.
4.
5.
6.
<html>
<body>
<input id="f1" type="file" onchange="var im=document.getElementById('im');im.src=this.value;im.style.display='block'" /><br />
<img src="" id="im" style="display:none" />
</body>
</html>
...
Рейтинг: 0 / 0
21.11.2008, 16:04
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668627
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
А что мешает использовать асинхронный запрос, который вернет с сервера всю интересующую информацию?
...
Рейтинг: 0 / 0
21.11.2008, 16:12
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668675
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
ShSerge
Можно повесить проверку на img onload.

IDVsbruck
При чем тут сервер? Смысл как раз в том, чтобы его лишний раз не теребить.
...
Рейтинг: 0 / 0
21.11.2008, 16:26
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668769
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
зыа ничего что не все браузеры в файл-инпуте полный путь к файлу держат? :)
Это что за браузеры такие?

ShSerge
<html>
<body>
<input id="f1" type="file" onchange="var im=document.getElementById('im');im.src=this.value;im.style.display='block'" /><br />
<img src="" id="im" style="display:none" />
</body>
</html>


так в том то и дело что просмотр есть, а у меня 7 таких обзоров в столбик при выборе картинки никакого просмотра не должно быть. Просмотр у меня после закачки, но закачивать мне нужно только определённого разрешения картинки.
...
Рейтинг: 0 / 0
21.11.2008, 16:58
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668776
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
ShSerge
Код: plaintext
1.
2.
3.
4.
5.
6.
<html>
<body>
<input id="f1" type="file" onchange="var im=document.getElementById('im');im.src=this.value;im.style.display='block'" /><br />
<img src="" id="im" style="display:none" />
</body>
</html>


а вот если этот img положить в див и куда-нибудь в угол забить и сделать его скрытым. Но опять же есть ли гарантия что во всех браузерах он будет скрыт как надо и не помешает содержимой страничке.
...
Рейтинг: 0 / 0
21.11.2008, 17:02
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668785
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
NCEЭто что за браузеры такие?
Да вобщем все. За исключением ИЕ.
NCE
так в том то и дело что просмотр есть, а у меня 7 таких обзоров в столбик при выборе картинки никакого просмотра не должно быть. Просмотр у меня после закачки, но закачивать мне нужно только определённого разрешения картинки.
Картинка - одна на все обзоры. Её можно сделать невидимой. Но быть она на странице должна. Вот при выборе файла в обзоре - менять срц этой единственной картинки. Правда проблему с онченж я уже описал. А вот онлоад можно попробовать, хотя далеко не уверен, что сработает в этом сдучае.
...
Рейтинг: 0 / 0
21.11.2008, 17:07
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668805
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
ShSerge
Да вобщем все. За исключением ИЕ.

ай ну не правда! Opera, ИЕ отображает путь, уверен что и файрвокс отобразит а остальные идут лесом.

ShSerge
Картинка - одна на все обзоры. Её можно сделать невидимой. Но быть она на странице должна. Вот при выборе файла в обзоре - менять срц этой единственной картинки. Правда проблему с онченж я уже описал. А вот онлоад можно попробовать, хотя далеко не уверен, что сработает в этом сдучае.
ну вот в Вашем примере, как скрыть img? Он же всё равно отображается. А после нажатия кнопки submit я думаю что в цикле пройдусь по этим "обзорам" и проверю разрешение используя этот один img. Осталось его теперь сделать скрытым
...
Рейтинг: 0 / 0
21.11.2008, 17:14
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668848
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
NCEну вот в Вашем примере, как скрыть img? Он же всё равно отображается.Antonariyможно засунуть картинку в див размером в один пиксель с overflow:hiddenЗемля вызывает NCE!!! Как прием? Текст виден? Смысл понятен?
...
Рейтинг: 0 / 0
21.11.2008, 17:32
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668870
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
AntonariyЗемля вызывает NCE!!! Как прием? Текст виден? Смысл понятен?

Приём с помехами :)
вот что получил на выходе

Код: plaintext
1.
2.
3.
4.
<input id="f1" type="file" onchange="var im=document.getElementById('im');im.src=this.value;im.style.display='block';alert(im.width)" /><br />
<div width="1px" height="1px" style="display: none;">
<img src="" id="im" style="display:none" />
</div>

куда записать overflow:hidden в style такого нет
а в этом случаи дива нет но и ширины тоже.
...
Рейтинг: 0 / 0
21.11.2008, 17:43
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668914
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
наверно это так имелось ввиду
Код: plaintext
1.
2.
3.
<input id="f1" type="file" onchange="var im=document.getElementById('im');im.src=this.value;im.style.display='block';alert(im.width)" /><br />
<div width="1px" height="1px" style="overflow:hidden">
<img src="" id="im" style="display:none" />
</div>

но по некоректной работе похоже что не так
...
Рейтинг: 0 / 0
21.11.2008, 18:02
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35668954
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Да фигня это все ... человек не акцентировал на способе:
NCE... или с помощью чего - это узнать ...
Однозначно запросом на сервер это дешевле как временем, так и ресурсно и проще. Ведь какая бы ни была клиентская реализация такого определения, все равно будет запрос сервера - не на уровне кода, а на уровне браузера. Только разница в том, что мы своим асинхронным запросом четко "спросим" - имя, размер, разрешение, а браузер понянет за собой кучу ненужной информации, а возможно, еще и картинку.

Посему вопросы простого "узнавания" надо перекладывать с уровня браузер-сервер на уровень клиент-сервер. Скорость и удобство гарантируется.
...
Рейтинг: 0 / 0
21.11.2008, 18:25
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35669101
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
NCE,

Я же говорил, что на онченж - нельзя. Чего-то другое надо придумать. В самом плохом случае - если чего-то не срастётся - таймер. Лучше, конечно, чего-то получше придумать.
...
Рейтинг: 0 / 0
21.11.2008, 20:12
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35669259
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
у картинки есть onload
...
Рейтинг: 0 / 0
22.11.2008, 00:15
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35669269
verzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
verzer
Гость
а если как-то так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<input id="fil" type="file" onchange="loadImg()"/><br/>
<div id="hidDiv" style="position:absolute;left:-50">
  <img src="" id="im" onload="checkRes()"/>
</div>

<script>
input = document.getElementById('fil');
div   = document.getElementById('hidDiv');
img   = document.getElementById('im');

function loadImg()
{
  img.src = input.value;
  img.style.display = 'block';
}
function checkRes()
{
  div.style.top  = -img.height;
  div.style.left = -img.width;
  alert(img.width+'x'+img.height);//собсно
}
</script>
хорошо бы ещё освобождать картинку после проверки
...
Рейтинг: 0 / 0
22.11.2008, 00:48
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35669414
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
NCEнаверно это так имелось ввиду
Код: plaintext
1.
2.
3.
<input id="f1" type="file" onchange="var im=document.getElementById('im');im.src=this.value;im.style.display='block';alert(im.width)" /><br />
<div width="1px" height="1px" style="overflow:hidden">
<img src="" id="im" style="display:none" />
</div>

но по некоректной работе похоже что не такКартинка должна быть без display:none. Если не ошибаюсь, невидимые картинки броузеры не грузят. Поэтому выкрутасы с дивом.
...
Рейтинг: 0 / 0
22.11.2008, 09:30
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35669512
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
onchage мне по сути и не нужен, мне по нажатию кнопки submit проверить нужно но похоже это ничего не меняет...

verzer
а если как-то так:

Вы хотя бы код проверили, перед тем как отправлять.

И вправду пока только идин способ загрузить на сервер и проверить.
Но вчера нашёл другой способ - java класс ImageInfo который читает хэдер картинки и показывает краткую инфу(нужна перезагрузка страницы, во всяком случаи лучше чем загрузить картинку а потом сказать - не подходит). Но он там самописно сделан - не факт что все форматы прочтёт без ошибок. А если что-то не прочитал тогда загрузить на сервер и проверить там :) Ну это уже как самый последний вариант.

Видел же раньше сайты что проверяли разрешение картинки без отправки на сервер и даже без перезагрузки страницы - но тогда я был не в теме... :(
...
Рейтинг: 0 / 0
22.11.2008, 12:33
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35669648
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
на этот раз прочла тему внимательно :-) . Попробуй так сделать:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<script>
function setPreview(obj)
{
	document.getElementById('preview').src='file:///'+obj.value;
}
function checkRes(obj)
{
	if(obj.width >  100  || obj.height >  100 ) alert('wrong file size');
}
</script>

<div style="width:1px; height:1px; overflow:hidden; visibility:hidden">
	<img id="preview" onload="checkRes(this)">
</div>

<input type="file" onchange="setPreview(this)">

что мне НЕ нравится в данном решении:
1. нет проверки, что это действительно картинка (может имеет смысл ввести проверку расширения как раз :-)?)
2. завязано на onchange. Т.е. если я выбираю 1.jpg и получаю ссобщение об ошибке, а потом в задумчивости еще раз выбираю 1.jpg, то второй раз предупреждения не возникает. Поэтому думается мне, что надо ввести массив флагов (длина массива = количество файл-инпутов). На onload картинки выставлять соотв. флаг равным 1. При нажатии на субмит проверить, все ли флаги == 1, если нет - то отложить субмит с помощью setInterval до выяснения обстоятельств.
...
Рейтинг: 0 / 0
22.11.2008, 15:42
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35669661
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
illion,

На самом деле если прочитать всё с начала и до конца, решение - есть. Читать надо внимательно. (Это я не тебе, а топикстартеру). Когда топикстартер пишет: java класс ImageInfo - я чуть в осадок не выпал! Я уже написал было готовое решение - а тут такое. Ёлки же палки!
...
Рейтинг: 0 / 0
22.11.2008, 15:53
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35669677
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
ShSerge,

ну так давай, пиши уже готовое решение да закроем тему
...
Рейтинг: 0 / 0
22.11.2008, 16:03
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35669688
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
illionShSerge,
ну так давай, пиши уже готовое решение да закроем тему
Да пускай догадается. Мне нравятся те, кто сами делают выводы. В топике - всё есть! Второй раз писать неохота. Я не сохраняю локально посты. Опять же - яву и яваскрипт перепутали!
...
Рейтинг: 0 / 0
22.11.2008, 16:18
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35669788
verzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
verzer
Гость
у кого ещё, кроме тс, мой код не работает? у меня работает.
...
Рейтинг: 0 / 0
22.11.2008, 18:38
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35670096
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
verzer,

у меня не работает. Проверяй не только в ИЕ.

1. значения css-свойств, связанных с позиционированием, должны иметь единицы измерения. left:-50 - неверно. left:-50px - верно (кроме px есть еще другие ед.изм.). Через js нужно также добавлять к циферке ед.изм.: -img.height+'px'.
2. путь к файлу на клиенте должен иметь приставочку file:///.
3. из такого кода , даже если он работает, очень легко сделать нерабочий. Достаточно лишь скопировать html-теги на их место в body, а скрипты - туда, где они и должны быть - в head.
...
Рейтинг: 0 / 0
23.11.2008, 04:26
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35670520
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
ShSerge
На самом деле если прочитать всё с начала и до конца, решение - есть. Читать надо внимательно. (Это я не тебе, а топикстартеру). Когда топикстартер пишет: java класс ImageInfo - я чуть в осадок не выпал! Я уже написал было готовое решение - а тут такое. Ёлки же палки!


Я Джаву с Джавускриптом НЕ перепутал. Изначально я и хотел решение на джавескрипт что бы не надо было перегружать страницу. Но вижу что здесь, перепробывав, все методы не могу найти оптимальный, т.к. то картинка видна, то не показывает ширину то вообще не работает.

Поэтому, напиши пожалуйста решение, да и в правду закроем топик, а то уже третья страница скоро капать начнёт...
...
Рейтинг: 0 / 0
23.11.2008, 20:57
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35670595
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Насчёт третьей страницы не беспокойся. Размер проверяю на онлоад. В опере не работает! Хотя воде бы работало. Работает в фф, гуглхроме, ие. Проверю завтра на работе. Так что тему рановато похоже закрывать. Ну и плюс то, что illion написала.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<html>
<script>
function getImg(){
	var maxWidth= 16 ;
	var maxHeight= 16 ;
	var im=document.getElementById('im');
	if((im.height>maxHeight)||(im.width>maxWidth))
	 alert("Слегка великовата: "+im.width+"*"+im.height);
}

</script>
<body>
<input type="file" onchange="document.getElementById('im').src='file:///'+this.value" /><br />
<input type="file" onchange="document.getElementById('im').src='file:///'+this.value" /><br />
<input type="file" onchange="document.getElementById('im').src='file:///'+this.value" /><br />
<input type="file" onchange="document.getElementById('im').src='file:///'+this.value" /><br />
<input type="file" onchange="document.getElementById('im').src='file:///'+this.value" /><br />
<input type="file" onchange="document.getElementById('im').src='file:///'+this.value" /><br />
<input type="file" onchange="document.getElementById('im').src='file:///'+this.value" /><br />
<img src="" id="im" onload="getImg()" style="position:absolute;top:0px;left:0px;visibility:hidden" />
</body>
</html
...
Рейтинг: 0 / 0
23.11.2008, 22:52
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35670693
verzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
verzer
Гость
illionу меня не работает. Проверяй не только в ИЕ.
в каком браузере у тебя не работает? проверял в опере, ие и огнелисе

> 1,2,3... и всё последующее
согласен, ошибки есть. я предлагал автору лишь напрвление решения.
вы предлагаете дать ему готовый код? так он не обозначил задание..
...
Рейтинг: 0 / 0
24.11.2008, 04:14
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35670701
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
verzer,

в фф2,3 не работает. Как именно: копипастю полностью код, открываю страницу, выбираю файл и ничего не происходит . Из этого я делаю вывод, что код нерабочий. Но если в фф2 это еще можно поправить с помощью file:/// (скорее всего именно в этом проблема, не имею просто сейчас двойки под рукой), то в фф3 это не спасет, т.к. он возвращает не путь+имя файла, а просто имя файла (это же самое, кстати, относится и к моему варианту, и к варианту ShSerge )
...
Рейтинг: 0 / 0
24.11.2008, 05:33
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35670702
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
опера (9.0), поганка, тоже возвращает только имя файла без пути.
...
Рейтинг: 0 / 0
24.11.2008, 05:39
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35670869
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Нифига себе! На работе во всех браузерах и в опере работает мой последний примерчик, если без file:///, т.е. ...src=this.value.
А дома без филе не работает! Ничего не понимаю.
...
Рейтинг: 0 / 0
24.11.2008, 09:59
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671056
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
illionопера (9.0), поганка, тоже возвращает только имя файла без пути.
Смотря как смотреть. Вот так посмотри:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<html>
<script>
function getImg(){
	var im=document.getElementById('im');
alert("SRC картинки="+im.src);
}

</script>
<body>
<input type="file" onchange="document.getElementById('im').src=this.value; alert('Значение инпута='+this.value);" /><br />
<img src="" id="im" onload="getImg()" style="" />
</body>
</html>
...
Рейтинг: 0 / 0
24.11.2008, 11:15
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671273
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
verzerвы предлагаете дать ему готовый код? так он не обозначил задание..
ну как это я не обозначил задание? Что в нём было не ясно? Вроде всем всё было понятно.

ShSerge
Размер проверяю на онлоад. В опере не работает! Хотя воде бы работало


да действительно в опере на работает, а при обновлении страницы сразу вылазит сообщение "Слегка великовата и 39*22" Откуда этот размер взялся. У меня и с филе и без филе всё равно не работает в Опере(9.61)
А так нормально отрабатывает. Хотел добавить очистку inputa после появления сообщения "Слегка великовата" да что-то не получисло. Делал так:
<input id="fl" type="file" onchange="document.getElementById('im').src='file:///'+this.value" /><br />
var file = document.getElementById('fl');
а потом file.value = "";
почемуто не работает.
...
Рейтинг: 0 / 0
24.11.2008, 12:10
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671348
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Value у input file работает только на чтение.
...
Рейтинг: 0 / 0
24.11.2008, 12:26
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671353
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
В целях безопасности.
...
Рейтинг: 0 / 0
24.11.2008, 12:27
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671360
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Что-то типа:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<html>
<script>
var currentInput;
function getImg(){
	var maxWidth= 16 ;
	var maxHeight= 16 ;
	var im=document.getElementById('im');
	if((im.height>maxHeight)||(im.width>maxWidth)){
	 alert("Слегка великовата: "+im.width+"*"+im.height);
	currentInput.value="";
	}
}

</script>
<body>
<input type="file" onchange="document.getElementById('im').src=this.value;currentInput=this" /><br />
<input type="file" onchange="document.getElementById('im').src=this.value;currentInput=this" /><br />
<!-- и т.д. -->
<img src="" id="im" onload="getImg()" />
</body>
</html>
...
Рейтинг: 0 / 0
24.11.2008, 12:29
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671447
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
ShSergeЧто-то типа:
да вроде говорят что такой код не будет работать, в целях безопастности.

to ShSerge не в курсе почему сообщение вываливается в опере при обновлении страницы(в твоём коде)?

Похоже это всё что можно выжать из всех браузеров? (везде работает кроме Оперы в которой работает через раз)
...
Рейтинг: 0 / 0
24.11.2008, 12:57
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671473
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
AntonariyValue у input file работает только на чтение.
Совершенно верно. Со значением ничего не сделать. А вот срц всё-таки присвоить можно. Сравни два алерта.
...
Рейтинг: 0 / 0
24.11.2008, 13:03
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671539
verzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
verzer
Гость
ага, понятно. я ошибся, когда проверял: файлы страницы и картинок лежали в одной папке.
тогда можно сделать вывод, что ShSerge в своём первом сообщении оказался прав?

только если не расковырять FileUpload и вытащить из него именно текст, который он отображает. но это уже из области фантастики)
...
Рейтинг: 0 / 0
24.11.2008, 13:23
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671590
ZeusTheTrueGod
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ZeusTheTrueGod
Участник
у меня есть такое вот предположение - в аяксе вы делаете одновременно два запроса к серверу
один запрос - пустой, сервер просто ничего с ним не делает некоторое время
второй запрос - с самим изображением. сервер читает первые его байты(100 байт), оттуда по заголовку определяет размер, прекращает читать этот запрос(ставит отмену на него), а в первом запросе возвращает размеры

соотвественно клиент ожидает ответ от первого аякс запроса, а второй просто игнорирует

Жду комментариев по поводу моего IQ
...
Рейтинг: 0 / 0
24.11.2008, 13:38
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671635
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
> по заголовку определяет размер

Если не ошибаюсь, это будет размер файла в байтах.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
24.11.2008, 13:57
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671637
ZeusTheTrueGod
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ZeusTheTrueGod
Участник
я про то, что в начале любого графического файла в первых 100 байтах где то хранится размер
то есть первые 100 байт файла сервер принимает, а дальше обрубает этот запрос, типа 404 или ещё что
...
Рейтинг: 0 / 0
24.11.2008, 13:58
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671668
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
ZeusTheTrueGod,

Ещё бы научиться аяксом файлы на сервер отправлять... .
...
Рейтинг: 0 / 0
24.11.2008, 14:11
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35671682
NCE
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
NCE
Участник
Ну что друзья, надо ShSerge ставить заслуженную пятёрку за самый оптимальный вариант! Так что, друг, давай дневник!
...
Рейтинг: 0 / 0
24.11.2008, 14:15
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35672090
ZeusTheTrueGod
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ZeusTheTrueGod
Участник
ShSergeZeusTheTrueGod,

Ещё бы научиться аяксом файлы на сервер отправлять... .


Это работает, как ни странно - достаточно создать временную форму, указать ей, что она мултипарт, и положить на неё всё, что нужно - аплоад пойдёт в аяксе
...
Рейтинг: 0 / 0
24.11.2008, 16:20
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35672184
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
ShSergeСравни два алерта
сравнила. В фф2 не работает без file:///. ФФ3 и Оперы дома не держу. Завтра посмотрю конечно, но не думаю что увижу нечто удивительное, т.к. суть кода не изменяется от версии к версии.

[offtop]
как сильно сказано - "завтра посмотрю". Завтра же уже наступило! А рабочее завтра наступит даже быстрее, чем закончится ваше сегодня. Как хитрО устроен мир, однако.
[/offtop]
...
Рейтинг: 0 / 0
24.11.2008, 16:46
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35672194
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Без филе:/// работает только в тек. каталоге, как оказалось .
...
Рейтинг: 0 / 0
24.11.2008, 16:50
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35672320
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
ZeusTheTrueGodЭто работает, как ни странно - достаточно создать временную форму, указать ей, что она мултипарт, и положить на неё всё, что нужно - аплоад пойдёт в аяксе
Надо будет попробовать поизвращаться, но очень сильно сомневаюсь, что возможно.
...
Рейтинг: 0 / 0
24.11.2008, 17:22
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35672765
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Нет, Зевс, нифига не получается. Похоже, у тебя тоже не получится. Дело в том, что инпут типе=филе нескролько особенные вещи, их даже клонировать и вставить нельзя. Хотя, если есть, давай работающий примерчик. Как это сделать на экстжс (без установки экстжс) - я тебе уже демонстрировал (внешние ссылки).
...
Рейтинг: 0 / 0
24.11.2008, 21:32
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35672796
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
ZeusTheTrueGod,

Тему про модераторов закрыли, когда я её еще даже и не успел увидеть. Ну, иногда на работе и поработать нужно... .
Зевс, её пригласили (а не сама напросилась) - я свидетель этого факта. Тебя пригласят врядли. Хамишь потому что многим, хотя, мне лично вроде и не хамил.
...
Рейтинг: 0 / 0
24.11.2008, 22:08
| Ответить | Цитировать | Написать  
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #35672816
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Да вроде не хамит. Чушь несет, это да.
...
Рейтинг: 0 / 0
24.11.2008, 22:36
| Ответить | Цитировать | Написать  
63 сообщений из 63, показаны все 3 страниц
  все  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / при помощи чего можно узнать разрешение картинки до отправки на сервер?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?all=1&fid=22&tid=1455525]:
 0ms
get settings:
 7ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 141ms
get topic data:
 6ms
get forum data:
 1ms
get page messages:
 77ms
get tp. blocked users:
 1ms
others: 261ms
total:  513ms
созд. / загр.: 513ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]