Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Rozmiar obrazka na podstawie linku do obrazka
Forum PHP.pl > Forum > Przedszkole
Kerth
Jak sprawdzić czy dany obrazek z zewnętrznego serwera jest o danym rozmiarze?

Przykład:
W ten sposób sprawdzam np. czy e-mail jest prawidłowy
[JAVASCRIPT] pobierz, plaintext
  1. if (f.email.value == 0 || !/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/.test(f.email.value))
  2. bledy += '* Musisz poprawny format E-mail!\n';
[JAVASCRIPT] pobierz, plaintext


Natomiast jak sprawdzić czy obazek wpisany w pole(warunek):

if (f.email ... ... ...

gdzie ... funkcja sprawdzająca

posiada wymiary dajmy na to 200x200. Jeśli nie posiada dokładnie takich obrazków to wyświetli błąd. Da się coś takiego wykonać? Jakiej funkcji w javascript użyć? Poleci mi ktoś coś?
Pozdrawiam.
owca_82
Przy pomocy samego js nie da się tego zrobić bez wcześniejszego ściągania tego obrazka na dysk smile.gif
kreatiff
getimagesize, a w komentarzach jest funkcja, która nie pobiera całego obrazu.
Daimos
Cytat(owca_82 @ 21.09.2014, 10:19:05 ) *
Przy pomocy samego js nie da się tego zrobić bez wcześniejszego ściągania tego obrazka na dysk smile.gif

No jak się nie da, pierwszy wynik z google:
http://jsfiddle.net/aUk9P/
Dodatkowo można wyświetlić i pobrać wielkość tagu img
owca_82
up...

Oczywiście że się nie da - w skrypcie z linku spróbuj usunąć tą linijkę
  1. img.setAttribute('src', imageSrc);


i zobacz czy rozmiar obrazka się pokazuje przed jego fizycznym załadowaniem ?
sowiq
Kolego @owca_82, jeśli mowa o obrazku ładowanym z dysku, to oczywiście nie masz racji. HTML5 daje możliwość odczytania zawartości plików leżących na dysku, w tym operacji na obrazkach. Pierwszy lepszy wynik: http://stackoverflow.com/a/5174151/1903850

A jeśli chodzi o sprawdzenie rozmiaru obrazka z podanego URL, to "display: none" dla takiego obrazka załatwia sprawę. Jednak tutaj masz rację jeśli chodzi o pobieranie - bez tego przeglądarka nie ma możliwości sprawdzenia rozmiaru.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.