• Olá, <visitante>!
  • Home
  • Sobre
  • Portfolio
  • Meus trabalhos
  • Contato
  • Protótipo
  • Maiko Gabriel Kinzel Engelke

    Desenvolvedor Web e Entusiasta de Tecnologia

    HTML5 Drag'n Drop Uploader

    Introdução

    Meu primeiro teste usando a File e Drag'n Drop API. Fui inspirado pelo uploader de imagens do Google+, embora que eu buscava algo mais genérico, que funcionasse sem ser necessariamente imagem.

    O projeto não tem a parte servidor, pois inicialmente a idéia era tentar evitar usar um SGBD para dar espaço à um Gerenciador de Arquivos diretamente.

    Comecei-o para, não apenas aprender e experimentar as duas novas tecnologias, mas inicialmente como um favor para um amigo de uma comunidade, que disse que seria interessante e útil o pessoal fazer seus uploads, já que o servidor dele não tinha limite de banda (Ao menos, foi o que eu entendi). No mês seguinte, estourou o limite de banda do servidor, e a idéia já não seria mais útil, mas ao menos, aprendi bastante.

    Foi o meu primeiro código em Javascript tendo de usar classes e eventos, o código não está uma maravilha em organização, e agora que tenho um lugar para hospedá-lo, estou pensando em reescrevê-lo usando conhecimento mais recente (e buscanod um design mais decente, já que aquele serviu só para debug mesmo.

    Clique na miniatura para vê-lo funcionando. Mas não ligue para layout, como eu disse, está incompleto, e era voltado à outro tipo de ambiente, usando 100% da largura inclusive.

    Tecnologias

    
    Just files inside the rectangle. Images, Rar/Zip, whatever.