Arrastando para fora do Navegador

Drag’n’Drop é uma das coisas mais legais que já fizeram. É muito intuitivo muiot fácil.
Desde que os sites começaram a implementar o recurso de arrastar e soltar arquivos para upload sempre utilizado.

Comecei a ver como fazer o contrário: arrastar um arquivo do browser para fora, fazendo o download.
Procurando um pouco, achei o post explicando como fazer: http://www.thecssninja.com/javascript/gmail-dragout

Bem simples. Simplifiquei o código para:

PDF file

var files = document.getElementById(“dragout2”),
fileDetails = null;

if (typeof files.dataset === “undefined”) {
fileDetails = files.getAttribute(“data-downloadurl”);
} else {
fileDetails = files.dataset.downloadurl;
}

files.addEventListener(“dragstart”, function (evt) {
evt.dataTransfer.setData(“DownloadURL”, fileDetails);
}, false);

Simples não é mesmo?!

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s