1

Estou a desenvolver um página WEB em que o utilizador tem de preencher o formulário e depois no final enviar-me todas as informações para que a minha empresa possa orçamentar o pedido dele.

O formulário está divido em 6 passos:
1º - Algumas informações da empresa;
2º - Os menus que vao ser utilizados;
3º - Um Drag and Drop de imagens
4º - Um Drag and Drop de ficheiros de texto
etc...

ÁREA DRAG AND DROP

HTML

<div class="dropzone" id="dropzone">
<span>Arrastar e soltar ou clique aqui</span>
<div id="uploads"></div>
</div>

Ou seja, primeiro o utilizador carrega e mostra as fotos dentro da area de Drag and Drop. Depois no final do formulário, no botão de Enviar, preciso de um script (PHP acho eu), que me crie uma pasta dentro do servidor com o nome da Empresa(para ter uma melhor organização) e faça upload para dentro da mesma de todas as imagens ou ficheiros carregados pelo utilizador. Depois a parte de guardas as informaçoes na base de dados já nao é problema mas eu nao fiz essa parte pois preciso de ter a certeza que a parte "mais dificil" funciona que é o upload. Não tenho mesmo nenhum código feito , tentei algumas coisas , como o dropzone e alguns que encontrei na internet mas nao consegui implementar nenhum... Acho que o meu grande problema mesmo está em conseguir que quando carregar no butao de enviar conseguir gerar a pasta e fazer o upload dos ficheiros todos para ela.

Agradeço qualquer ajuda, obrigado.

WEBSITE
http://www.addupsports.com/projeto/projeto/

13
  • Olá gotcha, acredito que a implementação da sua necessidade utilizando o dropzone.js é possível. Conforme verifiquei, acredito que este tutorial possa te ajudar: github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone só vai faltar a criação de diretórios no backend, mas uma das suas necessidades pode ser sanada. 1/04/2016 às 12:40
  • Vou tentar fazer entao configurar o dropzone e testar a parte que carrega e mostra as imagens. Depois tenho de fazer um codigo em PHP para poder gerar a pasta com o nome da Empresa e fazer upload dos ficheiros certo ?
    – gotcha
    1/04/2016 às 13:21
  • Exatamente gotcha, o dropzone apenas vai se encarregar da "dropzone" e exibir os arquivos selecionados e aquele tutorial ensina a configurar ele para não fazer upload automático Então, depois você só terá o trabalho de fazer o backend em php, que receberá os dados e os arquivos, que precisarão ser tratados (validados) e armazenados :) 1/04/2016 às 17:04
  • Okei , agora eu consigo ter por onde me guiar. Eu já consegui por a area de drag and drop do dropzone mas agora para configura lo tenho de usar o Dropzone.options.myAwesomeDropzone certo? em que ficheiro tenho de por esse excerto de código?
    – gotcha
    1/04/2016 às 17:07
  • Para ele funcionar (sem configurar de acordo com aquele tutorial ainda), é baixar o JS dele do site oficial (dropzonejs.com) e adicionar ele em sua página (<script src="./path/to/dropzone.js"></script>); Após, adicione um form com a classe ("dropzone") e um input file com name ("file"); Carregue a página e faça um teste para ver se o dropzone funciona, após isso, siga aquele tutorial para ele não enviar arquivos automaticamente. Mais detalhes de instalação no site oficial.... 1/04/2016 às 17:11

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .