ansaurus

Question

"download" of client-side data from JS (without a new server round-trip)

Answer 1

+1 A:

Won't work for this specific setup, but it's something along those lines..

http://decafbad.com/2009/07/drag-and-drop/api-demos.html#data_transfer

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>Drag and Drop --> Text File</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Language" content="en-us" />
    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            // Set up the draggable element.
            $('#data_transfer').bind('dragstart', function(ev) {
                if (!$(ev.target).hasClass('dragme')) return true;
                var dt = ev.originalEvent.dataTransfer;
                dt.setData('text/plain', $('#source').text());
                return true;
            });
        });
    </script>

    <style type="text/css">
        .dragme {
            border: 1px solid #000;
            background-color: #decafb;
            padding: 10px;
        }
    </style>
</head>

<body>
    <div id="data_transfer">
        <textarea id="source">Blah! I'm a textarea!</textarea>
        <p><span class="dragme" draggable="true">Drag Me to your Desktop!</span></p>
    </div>
</body>
</html>

jnpcl 2010-10-26 19:20:22

This is interesting, although there are several problems: 1) It doesn't work in IE. 2) It won't allow me to set the output file name -- on Mac, it simply calls it a "textClipping" file. 3) I also need this not to be on a drag/drop event, which would require a file save dialog to select save location.

desau 2010-10-26 22:21:41

Answer 2

+1 A:

Downloadify does this. It requires Flash.

Downloadify is a tiny JavaScript + Flash library that enables the generation and saving of files on the fly, in the browser, without server interaction.

Pekka 2010-10-26 19:21:11

This is certainly possible with any number of extensions.. Flash, Active-X, Silverlight, Java Applet, etc, etc, etc. I need this to not require any additional plugins.

desau 2010-10-26 22:11:04

@desau I don't think this can be done without additional plugins, otherwise Downloadify wouldn't need to exist....

Pekka 2010-10-27 09:00:48

ansaurus

tags:

views:

answers:

"download" of client-side data from JS (without a new server round-trip)

related questions