Forum PHP.pl > wymiary obrazu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

kicaj

6.07.2010, 18:37:21

Czy ktos wie jak zaradzic czestym niepoprawnym zwracaniem wartosci Image.width i Image.height?

Przyjlad:

[HTML] pobierz, plaintext 
<script>
    var newImage = new Image();
    newImage.src = sciezka_do_pliku_obrazu;
 
    alert(newImage.width +' x '+ newImage.height);
</script>
[HTML] pobierz, plaintext

Musze pobrac wymiary obrazu na serwerze.
Interesuje mnie tylko rozwiazanie js.

erix

6.07.2010, 19:15:47

Pobieraj wymiary wtedy, gdy obrazek zostanie rzeczywiście wczytany (vide: onload).

kicaj

7.07.2010, 23:00:11

Nie pomaga.
newImage.complete tez nie...

kilas88

7.07.2010, 23:12:22

Cytat(kicaj @ 8.07.2010, 00:00:11 )

Nie pomaga.
newImage.complete tez nie...

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
var image = new Image();
	image.src = 'http://forum.php.pl/uploads/av-1605.jpg';
 
	image.onload = function() {
		alert(this.width + ' x ' + this.height);
	};
 
</script>
[HTML] pobierz, plaintext

alert: 70 x 73.

kiedy i gdzie to rozwiązanie nie zadziała?

kicaj

7.07.2010, 23:20:08

Rzeczywiscie... nie w ten sposob zabralem sie za onload:)

pp-layouts

7.07.2010, 23:20:57

A próbowałeś via jQuery?

[HTML] pobierz, plaintext 
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>
    Wymiary obrazka
  </title>
  <style>
    * { font-family: sans-serif; font-size: 10px; }
  </style>
  <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  <script>
    $(document).ready(function() {
      $('#obrazek').bind('load', function() {
        alert('szerokość: ' + $(this).width() + ', wysokość: ' + $(this).height());
      });
    });
  </script>
</head>
<body>
  <img src="http://cheezhawtness.files.wordpress.com/2010/06/928f6c86-5fad-46fb-8ab6-3c2400627d9f.jpg" id="obrazek"/>
</body>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.