E ai galera, mais uma video aula de dreamweaver com php, veremos como fazer um upload multiplo de imagem, e fazermos tipo o album do orkut. Com uma foto e o link desta foto nos leva para as demais.
Arquivos necessarios:
Go_To_Detail_Page
codigo
GTIVIDEOAULAS | Seu portal de video aulas
Web, Zend Framework, PHP , Linux, mysql, css, javascript, design e muito mais
@André, o problema esta no seu wamp, troca ele… estou usando o easyphp funciona legal…
Felipe Girotti,
Parabéns pelo tutorial, muito bom mesmo.
Estou tendo um pequeno problema aqui, o sistema funciona perfeitamente no Internet Explorer, mas no Firefox e no Chrome ele não faz o upload das imagens, ate aparece a tela do processo de upload, mas quando acaba não aparece a relação das imagens, fica em 0.
Agradeço se puderem me ajudar, obrigado.
@André, cara eu ultilizo ele em alguns projetos e funcionou perfeitamente em todos os navegadores, ou a tua developer é pirata e esat falatando algum componente ou fez algo errado no procedimento.
Galera Estou Precisando Muito Da Paginação.
O Nosso Amigo Hylson Souza Deu Um Tutorial, Mas Não Consegui Agregar Ao Meu Codigo.
Se Alguem Conseguil Por Favor Me Da Uma Luz Ai …
Obrigado!
Hylson Souza: Muito Obrigado Pela Sua Ajuda .
O Amigo: Hylson Souza: Obrigado Pela Resposta, Mas Estou Com 1 Probleminha Na Linha 20 Com Sua Dica E Estou Precisando Muito Das Minha Paginas De Navegações…
C Vc Poder Me Ajudar Obrigado Des-de Jah!
Quando Eu Coloco Ele No DW, Naum Sei C É Pouca Pratica, Mais Da A Impressão Que Ele Não Esta Fexado Ou Algo Assim.
Pois Embaixo Ele Fika Tudo Como C Naum Tivesse Em PHP! ** Como Se Tudo Fosse Texto **
Obrigado!
Daew Muito Bom Tuto …
Obrigado Por Compartilhar Mais Eu Estou Com Um Problema… :>
Estou Fasendo Essa Pagina Ai, Deu Tudo Certo …
Porem Eu Naum Estou Conseguindo Faser Links Tipow Assim …
Proxima Pagina >> Pagina Anterior << Sera QUe Vc Poderia Me Ajudar
Obrigado Desde Jah!
olá, eu fiz o teste e funciono perfeitamente esse tutoriall vc ta de parabéns..
Mas a minha duvida é a seguinte.. se eu quiser fazer mais upload para um album ja criado como q eu faço?
Pessoal obrigado por terem me ajudado, achei a solução era so usar esses includes que eu passei em conjunto com o xampp…
Obrigado mesmo a todos…
Olha so consegui achar esta solução para alguns problemas que deram para mim….
Eis o arquivo, ele contem os includes alterados…
http://www.4shared.com/file/E-7vBWJc/includes.html
agora esta cadastrando e tudo mais, menos fazendo uplaod multiplo das imagens que e o que eu quero…
O engraçado e que a pagina para fazer o upload multiplo ate que aparece, seleciono as imagens e tudo mais, mas nao faz upload das imagens, e tambem nao aparece nenhum erro… agora que ferrou mesmo… por acaso alquem pode me ajudar neste caso.
Poise resolveu em partes meu problema, mas logo apos mudado para o easyphp continuou, mesmo renovando os arquivos includes e quando fui ver o forum
http://forum.imasters.uol.com.br/index.php?/topic/378233-fatal-error-call-to-undefined-method-tng-fieldsclassphp/
fiz o que o colega mostrou para resolver mas agora aparece isso…
Strict Standards: Non-static method tNG_log::log() should not be called statically, assuming $this from incompatible context in C:\Program Files\EasyPHP-5.3.2i\www\xp\includes\tng\tNG.class.php on line 179
Strict Standards: Non-static method tNG_log::log() should not be called statically, assuming $this from incompatible context in C:\Program Files\EasyPHP-5.3.2i\www\xp\includes\tng\tNG.class.php on line 226
Strict Standards: Non-static method tNG_log::log() should not be called statically, assuming $this from incompatible context in C:\Program Files\EasyPHP-5.3.2i\www\xp\includes\tng\tNG.class.php on line 240
Strict Standards: Non-static method tNG_log::log() should not be called statically, assuming $this from incompatible context in C:\Program Files\EasyPHP-5.3.2i\www\jQuery-Desktop\includes\tng\tNG.class.php on line 195
Strict Standards: Non-static method tNG_log::log() should not be called statically, assuming $this from incompatible context in C:\Program Files\EasyPHP-5.3.2i\www\xp\includes\tng\tNG_fields.class.php on line 333
Strict Standards: Non-static method tNG_log::log() should not be called statically, assuming $this from incompatible context in C:\Program Files\EasyPHP-5.3.2i\www\xp\includes\tng\tNG_insert.class.php on line 111
Strict Standards: Non-static method tNG_log::log() should not be called statically, assuming $this from incompatible context in C:\Program Files\EasyPHP-5.3.2i\www\xp\includes\tng\tNG_fields.class.php on line 312
e agora?
Gladson,
dá uma olhada nesse forum que tem a resposta da sua pergunta:
http://forum.imasters.uol.com.br/index.php?/topic/378233-fatal-error-call-to-undefined-method-tng-fieldsclassphp/
espero ter ajudado!
Felipe Girotti
estou com o dreamweaver cs4 e com o easyphp ultima versão e o developer é o 1.0.1
entao esta quase tudo ok, mas deu esse erro que ja estou tentando achar ja faz uns 5 dias e nada nao consegui desvendar… Se posivel me ajude
Fatal error: Call to undefined method tNG_fields::tNG_fields() in C:\Program Files\EasyPHP-5.3.2i\www\upload\includes\tng\tNG_insert.class.php on line 30
foi so este erro… por favor me ajude
@ Gladson, usa o easyphp2, o ultimo é com o php 5.3.2 que gera um erro na classe. Resolvido
Tive o mesmo problema que o campanhero acima. uso cs3 tb mais o upload fica diferente fica com o botão procurar e não da prqa selecionar mais de 1 imagens.
aguardo resposnta vlW.
@Saron Lujan, resposta, usa o CS4
não eu to usando cs3 porisso então vlw
eu baixei o 1.0.1 so que mesmo assim ele nao deixa quando eu cliko em upload ele abre a popup so q nao aprece so upload igual o seu junto tem Enviar aquivos e do lado upload.
@Thiago, Estas usando o CS4? Nunca tive problemas com a versão 1.0.1 sempre funcional corretamente.
onde eu posso baixar a atializada?
vlw
oi eu cliko em upload aparece a janela popup so que não da pra mim seleciolar mais de uma imagen pq?
@Thiago, sua developer não é a 1.0.1 atualize
Estou com um problema intrigante, consegui fazer tudo funcionar perfeitamente, rodando local através do wamp. OK. Mas quando roda no servidor da web dá uns erros de extensão tipo: jpg e JPG / png e PNG, e quando eu coloco para a função foreach listar todos os arquivos ele lista também uns arquivos thumbs que estão dentro da pasta. tem algum jeito de fazer essa função listar arquivos distinto ex: jpg, JPG, png, PNG, tentei fazer isso e as imagens não aparecem. Vejam se consegui explicar e me ajudem. Agradeço grandemente!
@Luiz Tadeu foreach (glob(“galeria/fotos/$pasta/{*JPG, *.jpg,*jpeg,*.png,*PNG,*.gif,*.GIF}”, GLOB_BRACE) as $filename) desta maneira vc pega somente as extenções em jpg, png e gif, até mais.
Cara, essa video aula me ajudou muito e, para ajudar os amigos, peço licença ao grande Felipe para pôr um código que eu adaptei para criar a paginação da galeria. Espero que isso possa ajudar quem como eu, sofreu para paginar todos esses arquivos.
<?php
$listagem = array();//Coloca todos arquivos dentro de uma array para que possa ser paginado
foreach (glob("galerias/$pasta/*.*") as $filename) {
if(strpos($filename,'.')!==0) {
array_push($listagem, $filename);
}
}
echo "\n”;//Inicia a tag html de lista não ordenada para o código
//Definimos quantos arquivos exibir por página
$paginas = array_chunk($listagem, 15);
//Cria os links anterior e próxima
$anterior = $fotos – 1;
$proxima = $fotos + 1;
//Se a página estiver em zero, não exibe mais link na palavra “Anterior”
if ($anterior<0) {
echo "Anterior”;
}
//Se tiver, exibe
else {
echo “Anterior \n”;
}
//Montamos os links da paginação
for($i=0; $i< count($paginas)+0; $i++) {
//Se for a página atual, retira os links dos números
if ($fotos == $i) {
echo "”;
echo $fotos.”";
echo “\n”;
}
//Se não for, exibe normalmente
else {
echo “$i\n”;
}
}
//Faz a contagem da quantidade de páginas existentes
$contagemPaginas = count($paginas);
//Se a página for antes da quantidade total de páginas, exibe a palavra “próxima” com o link
if ($proxima<$contagemPaginas) {
echo"Próxima\n”;
}
//Se não for, exibe sem o link
else {
echo “Próxima\n”;
}
echo “\n”;
echo ”
\n”;
$pagina = (int)$_GET["fotos"];
$paginas[$pagina];
//Exibimos o resultado da paginação
foreach($paginas[$pagina] as $arquivo) {
echo “\n”;
}
?>
Espero que possa ajudar aos amigos, pois eu sofri para descobrir como fazer isso.
Não sei se é a maneira certa de se paginar, mas foi a melhor maneira que encontrei.
Valeu!!
euripedes p, eu estava com o mesmo problema.. mas consegui achar a solução:
No arquivo:
includes > tng > triggers > tNG_defTrigg.inc.php
Linha 60: “function Trigger_Default_FormValidation(&$tNG, &$uniVal)”
Altere para: “function Trigger_Default_FormValidation($tNG, $uniVal)”
resolve direitinho.
olha cara gostei pra caramba desta video aula muito boa deo tudo serto esta funcionado normal
deu um trabalhao para eu abilitar libarygd mais deo certo obrigado pela video aula e continue colocando aulas assim
felipe e no caso q alterar as fotos como faz.?
Ola felipe girotti esta video aula e fantastica muito legal.Em eu tava vendo q gera as fotos em miniaturas sera q vc tbm tem como ensinar como colocar molduras nesta miniaturas pois eu achei um site mais nao sou muito bom em css se tiver coomo valeuuu.ah o site e este aki http://www.webdesignerwall.com/tutorials/css-decorative-gallery/
falows ficaria bem legal a galeria ai com estes efeitos de molduras fica bacana falow
Marcus, vou dar uma estudada no assunto depois eu faço uma video aula sobre ele.
estou com este erro alguém pode me ajudar?
Warning: Parameter 2 to Trigger_Default_FormValidation() expected to be a reference, value given in D:\Arquivos de programas\xampp\htdocs\upload\includes\tng\tNG.class.php on line 228
Warning: Cannot modify header information – headers already sent by (output started at D:\Arquivos de programas\xampp\htdocs\upload\includes\tng\tNG.class.php:228) in D:\Arquivos de programas\xampp\htdocs\upload\includes\common\KT_functions.inc.php on line 464
Felipe boa tarde. Neste tutorial você menciona que pode ser feita uma galaria lghtbox, como devemos proceder para montá-la?
Fabio de Sousa, é muito fácil colocar a galeria light box ai, assiste a video aula aqui da libgthbox , depois é colocar o laço foreach dentro da div gallery
na hora de fazer o envio deu pau no multiupload (“Error communicating with server to send: foto.jpg. Error: 406″) a pasta “albuns” esta com cmod 777 , e ai Felipe o que pode ser isso ?
resolvido, eu viajei na hora de selecionar a função
Qual versão do dreamweaver vcs tao usando pois tentei no 6 e no cs3 e nao aparece o campo “file field” ?
se alguem tiver o codigo pronto e quiser postar tb é uma boa ^^
Grande Felipe,
Quanto aos erros acima que discriminei, acontece isso somente na pagina INDEX.php quando voce seleciona Form Variable se voce colocar URL Parameter (funciona) porem nao vai para lugar nenhum como resolvo isso ?
Abraçao.
Ola Amigo, voce salvou minha vida com esse tutorial, parabens. Porem estou com esse problema abaixo, assim que clico em inserir registro aparece isso.
Pleease me ajude.
Warning: Parameter 2 to Trigger_Default_FormValidation() expected to be a reference, value given in C:\xampp\htdocs\Sites_BD\includes\tng\tNG.class.php on line 228
Warning: Cannot modify header information – headers already sent by (output started at C:\xampp\htdocs\Sites_BD\includes\tng\tNG.class.php:228) in C:\xampp\htdocs\Sites_BD\includes\common\KT_functions.inc.php on line 464
Fabiano
Obrigado pelo ajuda vc e um cara bem legal qualquer ajuda q vc precisar só entra em contato blz
sempre que eu coloco um formulário em DEVELOPER TOLLBOX no localhost fica fixe mais quando eu coloco no servidor ele da um erro assim: File not found:
KT_config.inc.php
Please upload the includes/ folder to the testing server.
River, veja só, você precisa enviar ao servidor a pasta includes, esta pasta contem todas as classes que o developer precisa para trabalhar, esta pasta é criada automaticamente qunado se usa a developer.
Atualizado e instalado o Flash Player.
ATENÇÂO!!
*dependendo da configuração do seu FF não funfa.
Isto siginifica? FTP?
Felipe…mas dá para adaptar ao seu código e se mantendo dinâmica fazendo dessa forma com jquery em ajax?
Érika, da pra adaptar tanquilamente, pois dentro das chaves { }, você pode fechar a tag de php, exemplo
foreach (glob("fotos/$pasta/*.*") as $filename) { ?>< a href=< ? $filename ?>>< img src=< ? $filename ?> height=200 width=200 />< /a>< ?php} ?>
Dentro das chaves e da o loop e as imagens vão repetindo, veja a video aula de lightbox para complementar. Espero ter ajudado
Como atualizo a Developer Toobox? Developer toolbox 1.0.0 para 1.0.1 porque a opção Multiple Image Upload não está disponível.
junior,
o erro é só esse, não aparece mais nada?
1 – Tenta upar novamente os arquivos da developer(includes).
2 – Verfique a pagina q dah tal erro se existe espaços adicionais entre tags
kra eu publiquei essa galeria na web porém quando eu tento fazer o upload acontece esse erro: Internal Error. Session expired. Finaliza até a sessão, eu alterei as permissões e nada!!!! Tem alguma idéia. Localmente funfa blz, remotamente é que lasca!!!!
Vlw!!!!
Junior, não sei o que ta acontecendo pra que acontecer isto. Já fiz remotamente e não deu erro!
Kra q sufoco….
primeiramente quero elogiar a video aula q tah d pareabéns..
Consegui fazer tudo certinho mas num foi facil pq nao selecionava todas fotos e sim d uma em uma
dpois d perder muito tmpo tentando soluções “mal sucedidas” resolvi o problema assim:
primeiro atualizei a Developer toolbox 1.0.0 para 1.0.1,
dpois BAIXEI e instalei o flash player 10 e pronto!
ATENÇÂO!!
*dependendo da configuração do seu FF não funfa.
*qndo vc instalar a extensão developer atualizada e for usá-la no Dream
selecione tdas caixinhas para q atualize d verdade.
ok!
flw vlw …..
Agora deixa eu te perguntar, vc sabe como posso fazer paginação? Pois tenho muitas fotos (umas 1000 fotos), queria poder separar as fotos por página…tipo página 1 – 2 – 3 – 4 – 5
Você conhece algum site com tutorial legal, pq não estou achando nada.
Érika, vou pesquisar sobre isto e posto uma video aula sobre o assunto.
Felipe, obrigada pela sua atenção, por toda sua ajuda e tentativa. Eu consegui fazer…depois posto aqui.
Obrigada
Érika, espero ancioso como você conseguiu, posta pra todos saberem.
Acabei de fazer assim (abaixo) e não funcionou, o nome do arquivo nem aparece mais.
a href=sfilename title=sarquivo target=_blank
Érika, realmente não sei como colocar o nome nas fotos desculpe, tentei da forma que você havia dito mas também não deu.
Felipe, consegui resolver, fiz assim:
<?php
foreach (glob("galeria/fotos/$pasta/*.*") as $filename) {
$arquivo = basename ($filename);
echo "$arquivo”;
}
?>
Agora o que não estou conseguindo fazer é colocar esse nome do arquivo embaixo da foto, ele está aparecendo do lado, e todas as coisas que tentei, ele até aparece embaixo, mas as imagens ficam enfileiradas em uma linha só ao invés de uma do lado da outra com o nome embaixo.
Érika, tem que por o $arquivo dentro do atributo title da tag a: a href=filename target=_blank
Felipe, eu consegui pegar o nome de cada arquivo, mas o problema agora é que ele está exibindo o nome do diretório junto. Vou colocar aqui como fiz
$dir = “galeria/fotos/$pasta/”;
// Abre um diretorio conhecido, e faz a leitura de seu conteudo
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
// while (($file = readdir($dh)) !== false) {
echo “$dir/$filename\n”;
// }
closedir($dh);
}
}
E na página aparece: galeria/fotos/5/img_001.jpg
Você sabe como posso fazer para não aparecer o caminho e somente o nome do arquivo?
Esqueci de falar, essas imagens do Upload multiplo não são gravadas no banco de dados, ele só cria a numeracao do id dentro da pasta fotos, ou seja, quando cadastro uma galeria, ele cria a pasta (dentro da pasta fotos) o nº 5 por exemplo e envia as fotos para dentro dela.
Felipe, só mais uma dúvida que não estou conseguindo resolver, fiz essa galeria com efeito Ligthbox e qd clico na imagem da galeria criada para ver ampliado, ele exibe assim: Image 1 of 45 pois ele sabe que dentro daquela pasta daquele evento tem 45 fotos. Gostaria que ele mostrasse em baixo de cada foto da galeria a numeração de cada uma, e se não for possível pelo menos o nome do arquivo. Mas não sei fazer isso. Você pode me ajudar?
Érika, para mostrar os nomes das fotos no lightbox é necessario colocar o atributo title dentro da tag a, exemplo “a href=arquivo.jpg title=nome_do_arquivo”. Mas quando ultiliza o multiplo upload ainda não consegui pegar o nome dos arquivos, uma vez que é gravado no db somento o id e não o nome de cada foto, somente quando ultilizo o upload normal de imagens consiguo colocar o mone nas fotos dinamicamente.
Felipe,
Desculpe, mas a linha do código não apareceu no post, vou copiar de novo pra ver se vai agora.
Se não aparecer o trecho do código de novo, é o trecho que tem width=200 e height=200
E meus parabéns pela vídeo-aula, muito boa e super útil
Érika, se vc redimenciona a imagem para 600 x 400 entãom usa desta maneira width=200 height=133 . Desta forma o proporcinal deles vão ficar corretos.
Felipe,
Estou tendo uns problemas aqui na hora de redimensionar as minhas imagens na exibição. Só me explica pra ver se eu tô entendendo bem, quando vc vai em Upload Multiplo e coloca o Resize de 600×400 (Auto) você tá redimensionando para este valor a imagem que está se fazendo o Upload?
E Essa linha faz exatamente o que? Pq quando coloco os valores de width e height ele repuxa as minhas imagens que estão na vertical, elas não ficam proporcionais.
echo “
As suas fotos estão todas na mesma dimensão? As minhas tem dimensões diferentes e tenho que fazer algo dinâmico para ser proporcional pq são umas 1500 fotos a exibir
ola felipe…cara toh cum problema, fiz tudo certo e tal mais nao faz uploud de varias imagens e sim de uma em uma, pesquisei e vi q muita gente estava com o mesmo problema, ai postaram em um forum q era a versao do flash soh q ja instalei a versao nova do flash fiz quase de tudo mais nao consigo fazer a janela selecionar varias fotos…testei em outros pcs e funciona…o q sera q pode ser gostaria q vc me ajudasse abrazz
weberson, a a versão da developer, ter que ser a versão 1.0.1
e ai felipao
essa aula é muito boa, mas nao tenho developer toolbox, tem como vc fazer uma aula sobre isso, mas em html, pq nao consegui baixar o arquivo developer e dai icaria mais facil né?
abraço…. aguardo resposta
Marcos Domingos, html não da não amigo. Tem que ser em php.
Ae mano, como fazer um sistema de Multiplo Up sem usar a DEVELOPER TOLLBOX, mas nesse estilo ai, de selecionar tudo na lapada e clicar pra adicionar de uma só vez… Caso tenha algum material sobre isso, fico no aguardo, ok?
Muito boa a video aula!
Abraço
Pow Felipe muito bom, a umas 3 semanas atras eu estava tentando fazer isso so que tava errando, falata o codigo..
Felipe, na video aula de alterar e excluir imagem, como a gente faz para ele fazer tipo uma pergunta se ele realmente deseja exclur aquele registro?