Javascript 下载字符串

Question

尝试使用 Javascript 启动浏览器下载，但我要下载的数据是字符串，而不是文件。我知道如果它是一个文件，下面会这样做：

window.location.href = '/filepath/file.csv';

我怎样才能得到同样的效果，只有一个字符串（带有csv数据），而不是服务器上已经存在的文件？

Answer 1

使用我方便的下载器：

<script src="http://danml.com/js/download.js"></script>
<script>download("hello world", "hello.txt", "text/plain")</script>

你也可以在没有库的情况下做到这一点，虽然我的“lib”不是很大并且支持旧的 FF+CH 和 IE10：

<a id=dl download="file.txt">Download</a>
<script>
content=prompt("enter contents");
dl.href="data:text/plain,"+encodeURIComponent(content);
dl.click();
</script>

编辑：链接脚本现在支持 window.URL.createObjectURL() 用于使用 dataURL 下载太大的文件。我不知道新的限制，但 10mb 仅适用于文件，而 ~2mb 是许多 dataURL （基于 window.open/A[download] ）解决方案的限制3

Answer 2

以下是我过去编写的用于处理此类行为的函数（可能需要一些调整）：

var downloadFile = function (filename, dataValue) {
    window.URL = window.webkitURL || window.URL;
    window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder;

    var prevLink = output.querySelector('a');
    if (prevLink) {
        window.URL.revokeObjectURL(prevLink.href);
        output.innerHTML = '';
    }

    var a = document.createElement('a');
    a.download = '" + filename + @".csv';

    if (BlobBuilder == undefined) {
        var bb = new Blob([dataValue], { 'type': MIME_TYPE });
        a.href = window.URL.createObjectURL(bb);
    }
    else {
        var bb = new BlobBuilder();
        bb.append(dataValue);
        a.href = window.URL.createObjectURL(bb.getBlob(MIME_TYPE));
    }

    a.textContent = 'Download ready';

    a.dataset.downloadurl = [MIME_TYPE, a.download, a.href].join(':');
    a.draggable = true; // Don't really need, but good practice.
    a.classList.add('dragout');

    output.appendChild(a);

    a.onclick = function (e) {
        if ('disabled' in this.dataset) {
            return false;
        }
    };
};