[PHP][JavaScript]auto tworzenie minaturek obrazka w formularzu Opcje

[piekloniebo]

Witam,
Czy ktoś może wie gdzie mogę znaleźć klasę albo jakiegoś tutoriala jak zrobić w formularzu automatyczne wgrywanie obrazka i tworzenie jego miniaturki jeszcze przed naciśnięciem
"submit".

Coś takiego jak ma allegro.
Chciałbym to zaimplementować w moim skrypcie ale nie mogę znaleźć opisu i kodu.


Tu wstawiam linka do przykładowej strony z "płatnym rozwiązaniem", które oczywiście mnie nie interesuje bo jest płatne...

auto create



Pozdrawiam,
Darek

[Pawel_W]

ehh wcale nie jest powiedziane że to musi być ajax albo php - wystarczy zwykły javascript image resizer - sprawdzasz czy wartosc pola file zostala zmieniona, a jak tak to tworzysz w js new Image, podajesz jako src wartosc pola i pobierasz wymiary ;]

EDIT:
tu masz pełny kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function miniatura(obj)
{
var img = new Image();
img.src = obj.value;
w = img.width;
h = img.height;
 
maxx = 500; // maksymalna szerokosc miniaturki
maxy = 500; // maksymalna wysokosc miniaturki
 
if(w > maxx && h > maxy)
{
hx = h / maxy;
wx = w / maxx;
 
if(hx > wx)
{
w = h/hx;
h = w/hx;
}
else
{
h = h/wx;
w = w/wx;
}
}
image_obj = document.getElementById(obj.name);
image_obj.src = obj.value;
image_obj.style.width = w+"px";
image_obj.style.height = h+"px";
image_obj.style.display = "block";
obj.style.display = "none";
}
</script>
<img src="" id="image1" style="display: none">
<input type="file" onchange="miniatura(this)" name="image1">
[HTML] pobierz, plaintext 

Ten post edytował Pawel_W 16.06.2009, 13:11:12