ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / при помощи чего можно узнать разрешение картинки до отправки на сервер?
25 сообщений из 63, страница 1 из 3
  1  все
при помощи чего можно узнать разрешение картинки до отправки на сервер?
    #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
| Ответить | Цитировать | Написать  
25 сообщений из 63, страница 1 из 3
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / при помощи чего можно узнать разрешение картинки до отправки на сервер?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35668428&tid=1455525]:
 0ms
get settings:
 10ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 47ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 77ms
get tp. blocked users:
 2ms
others: 206ms
total:  379ms
созд. / загр.: 379ms
x
x
Закрыть


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