Copiar y pegar Ficheros desde una carpeta de tu pc a tu navegador usando javascript

Desde el último post, hemos recibido un gran número de peticiones y preguntas acerca de arrastrar y soltar los archivos en su navegador preferido.

El mecanismo detrás es muy simple: la biblioteca de Ajax, el contenedor del elemento DOM y el componente Asset realizan la mayor parte del trabajo (el manejo de la carga y el proceso de devolución de llamada), el DDM detecta los archivos arrastrados, luego el navegador hace el resto, definiendo la interacción entre el escritorio y el archivo de entrada.


Aquí está el código:

Swell.Core.Event.add('upload', 'change', function() {

    $('loader').show();
    $('foorm').xhr(function() {

        var currentEl = $('upload').current();
        $('filelist').show();

        for (var i = 0, len = currentEl.files.length; i < len; i++) {

            $('filelist').appendHTML(currentEl.files.item(i).fileName + '

');
        }
        var imgs = this.responseText.split('|');

        new Swell.Core.Asset().load('img', imgs, function(img) {

            $('loader').hide();
            $(img).appendTo('image-container');

        });
    });
});

Demo:

And the video: