PHP
Multiplo Upload com php e mysql usando o uploadify
08 agosto 2010
Volto mas uma vez depois de muito tempo para postar um tutorial de upload múltiplos com mysql no final do passo a passo você podera baixar os arquivos e configurar no seu sistema.
Na verdade não chega a ser um passo a passo é só baixar e configurar já esta tudo pronto.
Passo 1:
Configurar a pagina de conexao com o banco de dados:
Passo 2:
Configurar a pagina cadastro de fotos:
<!-- #sidebar { margin: 0px; width: 300px ; float:left; } #allfiles { float:right; margin:20px; width:420px; } #loader { display:none; padding:0 0 0 20px; } #allfiles ul { margin:0; padding:0; list-style:none; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #eee; } #allfiles ul li {padding:8px 5px;border-top:1px solid #eee;} .odd {background:#f9f9f9;} .uploadifyQueue { margin:30px; } .uploadifyQueueItem { font-size: 11px; color:#333; padding:20px 5px; width:240px; background:#ECF3F6; } .uploadifyError { margin:0px; color: #cc0000 !important; } .uploadifyError .uploadifyProgressBar { margin:0px; background-color: #cc0000 !important; } #sidebar .cancel {float:right;} #sidebar .cancel a:link, #sidebar .cancel a:visited, #sidebar .cancel a:hover { padding:0 !important; margin:0 4px 0 0 !important; width:11px !important; background: transaparent !important; } .uploadifyProgress { margin:0px; background-color: #FFF; margin-top: 8px; width: 97%; } .uploadifyProgressBar { margin:0px; background-color: #A3C7D8; width: 1px; height: 5px; } --> <!-- upload imgs -->
<script src="slideshow/jquery-1.3.2.min.js" type="text/javascript"><!--mce:0--></script>
<script src="slideshow/uploadify/swfobject.js" type="text/javascript"><!--mce:1--></script>
<script src="slideshow/uploadify/jquery.uploadify.v2.1.0.min.js" type="text/javascript"><!--mce:2--></script>
<!-- fim do upload imgs --> <script type="text/javascript"><!--mce:3--></script>
<div id="sidebar">
<!-- form to be replaced by uploadify -->
<form id="mainftp" action="upload.php" enctype="multipart/form-data" method="post">
<input id="file" name="file" type="file" />
<input name="submit" type="submit" value="Upload" />
</form></div>
<!-- sidebar -->
Passo 3: Configurar a seu gosto a pagina slideshow
require("../inc/conecta_mysql.php");
if (!empty($_FILES)) {
$tempFile = $_FILES['Filedata']['tmp_name'];
$targetPath = $_SERVER['DOCUMENT_ROOT'] . $_REQUEST['folder'] . '/';
$targetFile = str_replace('//','/',$targetPath) . $_FILES['Filedata']['name'];
$img = $_FILES['Filedata']['name'];
// $fileTypes = str_replace('*.','',$_REQUEST['fileext']);
// $fileTypes = str_replace(';','|',$fileTypes);
// $typesArray = split('\|',$fileTypes);
// $fileParts = pathinfo($_FILES['Filedata']['name']);
// if (in_array($fileParts['extension'],$typesArray)) {
// Uncomment the following line if you want to make the directory if it doesn't exist
// mkdir(str_replace('//','/',$targetPath), 0755, true);
$img = md5(uniqid(time())) . "." .jpg;//renome o nome da imagem
mysql_query("INSERT INTO slideshow (`id` ,`file`)VALUES (NULL , '$img')");
move_uploaded_file($tempFile,$img);
echo "1";
// } else {
// echo 'Invalid file type.';
// }
}
?>
abraços a todos e espero q este post ajude muito vocês.
Baixar Arquivos: Baixar
Post Relacionados :
Simples Paginação com PHP + Mysql e CSS Completo você pode até baixar o Modelo
Simples paginação utilizando php, mysql e css muito fáci ...
Deixe seu fomulario mas atraente com css + jquery utilizando NiceForms v2.0
Estilizes seus formulários com css e Jquery ou Dê um ...
Css forms | Rmsforms um Framework que facilita na hora de criar formulários com css
Para aliviar os problemas e para ajudar os designers, ...
Simples Paginação com PHP + Mysql e CSS Completo você pode até baixar o ModeloSimples paginação utilizando php, mysql e css muito fáci ...
Deixe seu fomulario mas atraente com css + jquery utilizando NiceForms v2.0Estilizes seus formulários com css e Jquery ou Dê um ...
Css forms | Rmsforms um Framework que facilita na hora de criar formulários com cssPara aliviar os problemas e para ajudar os designers, ...
Muito bom o post… Mas tenho uma pergunta como posso fazer os uploads das imagens e coloca-las em pastas com o nome “id” gerado pelo banco por exemplo (pasta=”1″; pasta=”2″; e assim vai), vc pode ajudar…
Muito legal o sistema….mas porque não aparece o botão de “ENVIAR”???
Mudei a opção de upload automático para “false” no arquivo Cadastro_fotos.php para antes de enviar as fotos eu ter a opção de excluir antes do envio, mas o botão de enviar não aparece…!