узнать размер картинки - JavaScript, Ajax

cooperOk · 12.11.2009, 00:29

Столкнулся с такой проблемой: есть картинки, при наведении на них выводит их размер и оригинальные ширину/высоту. Но, document.images[].fileSize работает только в IE, а document.images[].naturalWidth и document.images[].naturalHeight в мозиле. Есть какие-либо другие способы это сделать?

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <style type="text/css">
           .img1 {
               width: 100px;
               height: 100px;
           }
    </style>
    <script language="javascript" type="text/javascript">
    function printStatus(info)
    {
        document.getElementById('div1').innerText =info.naturalWidth+'x'+info.naturalHeight+', '+info.fileSize+' байт';
    }
    </script>
</head>
<body>
<img src="1.jpg" class="img1" onmouseover="printStatus(this)"/>
<img src="2.jpg" class="img1" onmouseover="printStatus(this)"/>
<div id="div1"></div>
</body>
</html>

SkyM@n · 12.11.2009, 00:35

document.getElementById('someImage' ).width

cooperOk · 12.11.2009, 00:49

да, но есть одна проблемка, у меня картинки показаны в меньшем размере чем они есть на самом деле (100 на 100), и тогда размер выводится этот (100 на 100) а при .naturalWidth выводит тот который есть на самом деле (400 на 400), но только в мозиле

. Такое решить возможно?

SkyM@n · 13.11.2009, 02:46

А каким образом вы выводите картинки в этом размере? Разве не сами указываете размер?

Цитата:

.img1 {
width: 100px;
height: 100px;
}

cooperOk · 15.11.2009, 13:47

Да, задаю размер сам, но реальный размер картинки больше, те картинки которые я вывожу - это типо простой превьюшки. Но хотелось бы чтоб выводило именно реальный размер. Но если такой возможности нет для всех браузеров то обойдемся и без нее. Обидно что работает только в мозиле

SkyM@n · 15.11.2009, 14:20

Делайте автоматически 2 картинки при их загрузки на сервер. Есть скрипт РНР для этих целей. Одна - большого размера, вторая - превьюшка, которую и надо выводить.

cooperOk · 15.11.2009, 15:36

ладно, понял, спасибо

12.11.2009, 00:29	#1
cooperOk Пользователь Регистрация: 11.11.2009 Сообщений: 66	узнать размер картинки Столкнулся с такой проблемой: есть картинки, при наведении на них выводит их размер и оригинальные ширину/высоту. Но, document.images[].fileSize работает только в IE, а document.images[].naturalWidth и document.images[].naturalHeight в мозиле. Есть какие-либо другие способы это сделать? Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> .img1 { width: 100px; height: 100px; } </style> <script language="javascript" type="text/javascript"> function printStatus(info) { document.getElementById('div1').innerText =info.naturalWidth+'x'+info.naturalHeight+', '+info.fileSize+' байт'; } </script> </head> <body> <img src="1.jpg" class="img1" onmouseover="printStatus(this)"/> <img src="2.jpg" class="img1" onmouseover="printStatus(this)"/> <div id="div1"></div> </body> </html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как узнать размер картинки, если знаешь её адрес?	TwiX	Работа с сетью в Delphi	6	23.09.2009 18:17
Помогите измененить размер картинки с помощью TrackBar	oblachko	Мультимедиа в Delphi	6	30.06.2009 02:25
Размер Image изменяется на размер картинки, а сама она рисуется на области первой картинки	RPGer	Мультимедиа в Delphi	6	20.10.2008 19:54
Как узнать размер файла?	photozaz	Общие вопросы Delphi	4	01.08.2008 00:29
Узнать размер рабочего стола	Dj_smart	Общие вопросы Delphi	3	26.03.2008 18:39

12.11.2009, 00:35	#2
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	document.getElementById('someImage' ).width

12.11.2009, 00:49	#3
cooperOk Пользователь Регистрация: 11.11.2009 Сообщений: 66	да, но есть одна проблемка, у меня картинки показаны в меньшем размере чем они есть на самом деле (100 на 100), и тогда размер выводится этот (100 на 100) а при .naturalWidth выводит тот который есть на самом деле (400 на 400), но только в мозиле . Такое решить возможно?

15.11.2009, 13:47	#5
cooperOk Пользователь Регистрация: 11.11.2009 Сообщений: 66	Да, задаю размер сам, но реальный размер картинки больше, те картинки которые я вывожу - это типо простой превьюшки. Но хотелось бы чтоб выводило именно реальный размер. Но если такой возможности нет для всех браузеров то обойдемся и без нее. Обидно что работает только в мозиле

15.11.2009, 14:20	#6
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Делайте автоматически 2 картинки при их загрузки на сервер. Есть скрипт РНР для этих целей. Одна - большого размера, вторая - превьюшка, которую и надо выводить.

15.11.2009, 15:36	#7
cooperOk Пользователь Регистрация: 11.11.2009 Сообщений: 66	ладно, понял, спасибо