Links made by createObjectURL

by Morteza Mirmojarabian

HTML

<textarea id="editor">Hello, world!</textarea>
<a id="fileSaver">Save as...</a>

CSS

textarea {
    display:block;
    width:400px;
    height:300px;
}

JavaScript

function updateLink() {
    var editor = document.getElementById('editor'),
        fileSaver = document.getElementById('fileSaver'),
        blob = new Blob([editor.value], {
            type: 'text/plain'
        });
    fileSaver.href = window.URL.createObjectURL(blob);
}
updateLink();
fileSaver.onclick = fileSaver.oncontextmenu = updateLink;