Receber uma imagem por meio de uma div (Drag and Drop)

3 respostas
H

Aqui estou novamente a pedir ajuda…

Estou desenvolvendo uma aplicação web que recebe imagens enviadas pelo cliente.
Para tentar trazer recursos novos e interessantes a minha jsp, tive uma idéia de fluxo para receber as imagens do cliente. Talvez a idéia seja um pouco “viajante”, mais enfim, vamos a ela…

O cliente, selecionaria a imagem que ele deseja enviar e arrastaria a mesma sobre a página jsp, da mesma forma que mudamos algum arquivo de pasta no windows, por exemplo.
Agora começa o problema.

Basicamente, pensei em fazer da seguinte forma…
ter uma

que envolva toda a página, e, que ao receber um evento (onMouseOver ou onMouseUp), conseguisse capturar o objeto que está sendo arrastado pelo mouse.
Aqui então temos a limitação… como faço para capturar esse objeto?
E, caso capture ele, chamar o meu servlet?

3 Respostas

araujo921

Olá,

talvez você queira tentar fazer isso com o HTML5, veja o File API e o Drag and Drop do HTML5.

O que você quer fazer não é nada “viajante”, e até já foi implementado, veja esse exemplo. :wink:

davidbuzatto

Se quiser fazer na raça:

1 - Dentro da div, crie o “componente” que você quer arrastar.
2 - Configure a propriedade “position” do “componente” como absolute.
3 - Registre os eventos do mouse usando uma biblioteca javascript, como a jQuery e trate o deslocamento.

Olhe o exemplo que acabei de fazer: http://jsfiddle.net/davidbuzatto/6umPx/

[]´s

H

Pessoal, obrigado pela ajuda…
a solucao mesmo que ncontrei e HTML5…
mais n vou poder implementar pois nen todos os browser tem suporte ainda (Principalmente IE)

Msm assim, obrigado a tds…

Topico fechado

Criado 24 de novembro de 2010
Ultima resposta 10 de dez. de 2010
Respostas 3
Participantes 3