Forum PHP.pl > [php][js] Upload zdjęć na serwer.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [php][js] Upload zdjęć na serwer.

max_mcee

15.12.2007, 18:57:58

Mam sobie taki kod:

$uploaddir = "zdjecia/";
$tmpname = $_FILES['upfile']['tmp_name'];
$filename = $_FILES['upfile']['name'];

$ext = substr(strrchr($filename, '.'), 1);

// nowa nazwa pliku
$new = 'zdjecie';

// plik ktory wgrywamy
$uploadfile = $uploaddir . $new . $ext;

if (is_uploaded_file($tmpname))
{
if ($ext == 'jpg' || $ext == 'gif')
{
if (move_uploaded_file($tmpname, $uploadfile))
{
chmod($uploadfile, 0644);
print "Zdjęcie zostało dodane do systemu!";
}
else
{
print "Przekazywanie pliku nie powiodło się!";
}
}
else
{
print "Dozwolone są jedynie obrazki, przekazywanie nie powiodło się";
}
}
Teraz chciałbym, aby podczas czasu uploady pliku na serwer wyświetlała się grafika np:

Wie ktoś może jak to zrobić

Dziękuje

b_chmura

15.12.2007, 19:06:57

przy input type="submit"
dodaj funkcje w js która pokazuje diva z preloaderem
przy przeładowaniu strony ukryj diva z powrotem

max_mcee

15.12.2007, 19:09:15

yyy
mógłbyś to jakoś rozpisać?

jest chyba zbyt początkujący, żeby to zrobić ...

b_chmura

15.12.2007, 19:36:46

Kod

Tworzysz diva w którym jest obrazek, div ma przykładowe id="preloader"

przy input type="submit" wywołujesz funkcję onClick="java script: preloader('preloader');" a przy body onload="java script: preloader('preloader');"

max_mcee

15.12.2007, 19:56:17

Hmmm, to może skopiuje i zwerefikujecie, bo mi nie działa...

<link rel="stylesheet" type="text/css" href="style.css" />
<script>
function preloader(id)
{
obj = document.getElementById(id);
if(obj.style.display == '')
{
obj.style.display = 'hidden';
}
else
{
obj.style.display = '';
}
}
</script>
</head>

<body onload="java script: preloader('preloader');">
-------------------------------------

<tr>
<td align="left"></td>
<td align="left"><input class="dodaj" type="submit" onClick="java script: preloader('preloader');" name="Submit" value="Wyślij" /></td>
</table>
</form>
<div id="preloader" style="visibility:hidden;"><img src="images/loadingAnimation.gif" alt="" /></div>

-------------------------------------
Co jest źle ?

b_chmura

15.12.2007, 20:09:39

Kod

max_mcee

15.12.2007, 20:20:33

Dzięki

jesteś "WIELKI"

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.