Salvar imagem via Javascript

[Heloisa Kopsch]

Olá,

Eu tenho um aplicativo onde o usuário pode arrastar a imagem direto do desktop para o navegador,

e eu gostaria de poder salvar essa imagem no servidor via Javascript. É possível?

Segue trecho de código:

this.drop = function (e) {
        self.dragHover(e);

        // Volta um array com os arquivos arratados,
        // porém neste exemplo iremos tratar apenas
        // o primeiro arquivo
        self.file = e.dataTransfer.files[0];
        self.fileTitle.innerHTML = self.file.name;    
     
        self.read(self.file);

        // Neste ponto podemos implementar uma função para
        // enviar os arquivos via ajax.
        // Irei deixar um exemplo, qualquer dúvida eu peço
        // que utilize o sistema de comentários do site.
        /*
        for (var i = 0, f; f = self.files[i]; i++) {  
        self.sendFile(f);  
        }
        */
    };

    // Esse método irá ler o arquivo na memória,
    // depois iremos mostrá-lo no nosso frame
    this.read = function (file) {
        // Iremos ler apenas imagens nesse exemplo
        // e iremos exibi-lo no frame
        if (file.type.match('image.*')) {
            var reader = new FileReader();

            // Callback que será executado após a leitura do arquivo
            reader.onload = function (f) {
                self.fileArea.innerHTML = "";
                self.fileArea.setAttribute("style", "padding: 0px !important;");

                var img = document.createElement("img");
                img.setAttribute("src", f.target.result);
                img.setAttribute("height", "350");
                self.fileArea.appendChild(img);               

            }

            // Irá ler o arquivo para ser acessado através de uma url
            reader.readAsDataURL(file);
        }
    }

Alguém pode me ajudar? :unsure:

[Michael Douglas]

n apenas por javascript n eu recomendo você usar php.