Képfeltöltés és képcsere
Sziasztok!
Van egy kép, "KÉP HELYE" felirattal. Azt szeretném megoldani, hogy erre a képre kattintva előjöjjön a fájl kiválasztó ablak. A képfájlt kiválasztva a "KÉP HELYE" feliratú kép helyére a feltöltött képből kreált indexkép kerüljön. A kép és az indexkép pedig feltöltődjön egy mappába, ellenőrizve azt is, hogy valóban kép e.
Nos, ebből sikerült azt megoldanom, hogy a képre kattintva előjöjjön az ablak és kiválasszuk a képet. Azonban csak űrlap ellenőrzésekor tudtam csak megnézni, hogy a kép valóban kép e, de ezt már a kiválasztáskor ellenőrizni kéne. Illetve a kép kiválasztásakor a képet át tudtam váltani egy másik képre ("TESZT KÉP" felirattal), de azt nem sikerült megoldanom, hogy indexképet kreáljak és azt jelenítsem meg. Ezt a "TESZT KÉP-re váltást JS-el oldottam meg, azon belül is onchange-el. Itt egy függvényt hívtam meg, ami lecserélte a képet a "TESZT KÉP" feliratú képre.
Jó lenne, ha onchange alatt tudnám valahogy ellenőrizni a kép formátumát és ha megfelel (pl. png, jpg/jpeg, vagy gif), fel tudnám tölteni azt és csinálhatnék belőle egy indexképet is, amelyet szintén felöltök és le is cserélem a "KÉP HELYE" feliratú képet az indexképre. Illetve azt is meg szeretném oldani, hogy a feltöltött képfájlokat átnevezhessem. Ezáltal meg tudom találni az előre megadott url alapján a rendes és az indexképet is, hogy utóbbit ki is tegyem a "KÉP HELYE" feliratú kép helyére.
Elérésre példa:
images/uploads/*egy ismert azonosító*.png
images/uploads/*egy ismert azonosító*_index.png
Remélem érthető, hogy mit szeretnék elérni. Az előbbi, "Jó lenne, ha" szavakkal kezdődő bekezdésben lévőket szeretném hát megoldani, de nem sikerült magamtól, csak a többi. Ezért is fordulok most Hozzátok.
Természetesen ha előnyösebb megoldás is van, mint az onchange és a JavaScript, akkor azt szívesen használnám.
(Infó: azért PHP kategóriába nyitottam, mert a legtöbb dolgot eddig PHP-val oldottam meg, csak a kép megváltoztatása volt JS. És ott nem igazán tudtam megoldani a kép feltöltését, indexkép készítését és az lecserélést. Ezért is nyitottam ezt a témát.
Próbáltam leirkálni, hogy mit sikerült megoldanom, mit kéne máshogy megoldani, mit nem sikerült megoldanom, stb. De most leírom lépésekre bontva, hogy minek kéne történnie.
1. A felhasználó rákattint a "KÉP HELYE" feliratú képre, majd felugrik a fájlválasztó ablak.
2. Kiválaszt a számítógépéről egy kép és rámegy a Megnyitás gombra.
3. A kép formátuma ellenőrzésre kerül (akár név alapján, PHP-ban tmp-s kép alapján).
4. Ha a kép nem megfelelő formátumú, akkor kiíródik egy hibaüzenet valahová. Ha viszont megfelelő formátumú...
5. ...a kép feltöltődik a szerver egy előre meghatározott mappájába egy másik néven, amely az *azonosító*.*formátum*.
6. Egy indexkép is kreálódik, amely az előre meghatározott mappába kerül egy másik néven, amely az *azonosító*_index.*formátum*.
7. A "KÉP HELYE" kép kicserélődik a *azonosító*_index.*formátum* nevű indexképre.
Üdvözlettel,
Dfoglalo
■ Van egy kép, "KÉP HELYE" felirattal. Azt szeretném megoldani, hogy erre a képre kattintva előjöjjön a fájl kiválasztó ablak. A képfájlt kiválasztva a "KÉP HELYE" feliratú kép helyére a feltöltött képből kreált indexkép kerüljön. A kép és az indexkép pedig feltöltődjön egy mappába, ellenőrizve azt is, hogy valóban kép e.
Nos, ebből sikerült azt megoldanom, hogy a képre kattintva előjöjjön az ablak és kiválasszuk a képet. Azonban csak űrlap ellenőrzésekor tudtam csak megnézni, hogy a kép valóban kép e, de ezt már a kiválasztáskor ellenőrizni kéne. Illetve a kép kiválasztásakor a képet át tudtam váltani egy másik képre ("TESZT KÉP" felirattal), de azt nem sikerült megoldanom, hogy indexképet kreáljak és azt jelenítsem meg. Ezt a "TESZT KÉP-re váltást JS-el oldottam meg, azon belül is onchange-el. Itt egy függvényt hívtam meg, ami lecserélte a képet a "TESZT KÉP" feliratú képre.
Jó lenne, ha onchange alatt tudnám valahogy ellenőrizni a kép formátumát és ha megfelel (pl. png, jpg/jpeg, vagy gif), fel tudnám tölteni azt és csinálhatnék belőle egy indexképet is, amelyet szintén felöltök és le is cserélem a "KÉP HELYE" feliratú képet az indexképre. Illetve azt is meg szeretném oldani, hogy a feltöltött képfájlokat átnevezhessem. Ezáltal meg tudom találni az előre megadott url alapján a rendes és az indexképet is, hogy utóbbit ki is tegyem a "KÉP HELYE" feliratú kép helyére.
Elérésre példa:
images/uploads/*egy ismert azonosító*.png
images/uploads/*egy ismert azonosító*_index.png
Remélem érthető, hogy mit szeretnék elérni. Az előbbi, "Jó lenne, ha" szavakkal kezdődő bekezdésben lévőket szeretném hát megoldani, de nem sikerült magamtól, csak a többi. Ezért is fordulok most Hozzátok.
Természetesen ha előnyösebb megoldás is van, mint az onchange és a JavaScript, akkor azt szívesen használnám.
(Infó: azért PHP kategóriába nyitottam, mert a legtöbb dolgot eddig PHP-val oldottam meg, csak a kép megváltoztatása volt JS. És ott nem igazán tudtam megoldani a kép feltöltését, indexkép készítését és az lecserélést. Ezért is nyitottam ezt a témát.
Próbáltam leirkálni, hogy mit sikerült megoldanom, mit kéne máshogy megoldani, mit nem sikerült megoldanom, stb. De most leírom lépésekre bontva, hogy minek kéne történnie.
1. A felhasználó rákattint a "KÉP HELYE" feliratú képre, majd felugrik a fájlválasztó ablak.
2. Kiválaszt a számítógépéről egy kép és rámegy a Megnyitás gombra.
3. A kép formátuma ellenőrzésre kerül (akár név alapján, PHP-ban tmp-s kép alapján).
4. Ha a kép nem megfelelő formátumú, akkor kiíródik egy hibaüzenet valahová. Ha viszont megfelelő formátumú...
5. ...a kép feltöltődik a szerver egy előre meghatározott mappájába egy másik néven, amely az *azonosító*.*formátum*.
6. Egy indexkép is kreálódik, amely az előre meghatározott mappába kerül egy másik néven, amely az *azonosító*_index.*formátum*.
7. A "KÉP HELYE" kép kicserélődik a *azonosító*_index.*formátum* nevű indexképre.
Üdvözlettel,
Dfoglalo
manipulating image without
Nem kell feltöltés nélkül
Később
Úgy vettem ki a szavaidból,
gd2 fuggvenyek