Página Inicial > Frameworks, PHP, Tutoriais > Upload de Arquivos + Plugin Jquery

Upload de Arquivos + Plugin Jquery

Olá pessoal

Com desejo de compartilhar implementações e/ou funcionalidades de forma rápida e segura, segue um tutorial utilizando no grande “amigo” JQuery, dando aquela mãozinha no upload de imagens.

A implementação é bem simples:

index.php

<?php
if(isset($_POST['upload'])) {
    $uploaddir = 'uploads/';
    foreach ($_FILES["pic"]["error"] as $key =>$error)
    {
        if ($error == UPLOAD_ERR_OK)
        {
            $tmp_name = $_FILES["pic"]["tmp_name"][$key];
            $name = $_FILES["pic"]["name"][$key];
            $uploadfile = $uploaddir . basename($name);
 
            if (move_uploaded_file($tmp_name, $uploadfile))
           {
                echo "Successo: O Arquivo ".$name." upload.<br/>";
            } else {
                echo "Error: Arquivo ".$name." não foi feito upload.<br/>";
            }
        }
    }
}
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Multiplos Uploads com jQuery e PHP</title>
 
<script src="jquery.js" type="text/javascript" language="javascript"></script>
<script src="jquery.MultiFile.js" type="text/javascript" language="javascript"></script>
</head>
 
<body>
<!--
maxlength = limite de arquivos que vão ser feito o upload
accept  = os arquvivos que podem ser feito os upload
-->
 
<form action="index.php" method="post" enctype="multipart/form-data">
<input type="file" name="pic[]" maxlength="2" accept="gif|png|jpg|pdf" />
<input type="submit" name="upload" value="Upload" />
</form>
</body>
</html>

bem simples Pessoal!

Link para Download

Categories: Frameworks, PHP, Tutoriais Tags:
  1. Viktor
    24, agosto, 2009 em 12:04 | #1

    Nao entendi… sera que eh problema de permissão?

    Warning: move_uploaded_file(uploads/arquivo.jpg): failed to open stream: No such file or directory in /home/httpd/html/uploads/index.php on line 12

    Warning: move_uploaded_file(): Unable to move ‘/tmp/php85emde’ to ‘uploads/arquivo.jpg’ in /home/httpd/html/uploads/index.php on line 12
    Error: Arquivo arquivo.jpg não foi feito upload.

  2. 31, agosto, 2009 em 10:08 | #2

    @Viktor
    Veja se a pasta uploads está criada e com permissão e note que a pasta uploads fica abaixo do arquivo index.php.

  3. Cristiano
    28, dezembro, 2009 em 21:29 | #3

    Nao percebi
    usando jquery
    aonde é que este entra?

  4. 28, fevereiro, 2010 em 04:02 | #4

    Muitooo bom! Está de parabéns!!

  1. Nenhum trackback ainda.