Utilize o plugin jQuery Upload. Nos arquivos do plugin existe um exemplo de classe para upload de imagem. Porem é bem complexa.
Para obter os dados que este plugin enviar, você pode utilizar igual está especificado no manual.
Quando um formulário é enviado, os arrays $_FILES['userfile']
, $_FILES['userfile']['name']
, e $_FILES['userfile']['size']
são inicializados.
Vamos supor que você faça o upload dos arquivos review.html
e xwp.out
utilizando o formulário a seguir
<form action="file-upload.php" method="post" enctype="multipart/form-data">
<input name="userfile[]" type="file" /><br />
<input name="userfile[]" type="file" /><br />
<input type="submit" value="Enviar" />
</form>
Neste caso em $_FILES['userfile']['name'][0]
irá ter o valor review.html
e $_FILES['userfile']['name'][1]
irá ter xwp.out
.
As outras variáveis de arquivo tambem possuem o mesmo comportamento
$_FILES['userfile']['size'][0]
$_FILES['userfile']['name'][0]
$_FILES['userfile']['tmp_name'][0]
$_FILES['userfile']['size'][0]
$_FILES['userfile']['type'][0]
Utilizando isto você pode implementar uma classe de upload que te atenda, e poderá utilizar o plugin que citei.