Javascript:设置要下载的文件名

Question

我正在使用一个插件从一个表中生成一个 csv 文件，该文件正在使用“下载”文件名下载，我该如何更改文件名，例如作为下载.csv

var csv = $("#table").table2CSV({delivery:'download'});
window.location.href = 'data:text/csv;charset=UTF-8,'+ encodeURIComponent(csv);

Answer 1

我写了一个工具，你可以使用自定义文件名将文件保存到本地机器的下载文件夹中，如果这在客户端机器上可行的话。

在撰写本文时，您需要 chrome、firefox 或 IE10 才能获得该特定功能，但如果可用的话，此工具会回退到未命名的下载，因为有总比没有好...

供您使用:

download(csv, "dowload.csv", "text/csv");

和魔法代码:

function download(strData, strFileName, strMimeType) {
    var D = document,
        a = D.createElement("a");
        strMimeType= strMimeType || "application/octet-stream";


    if (navigator.msSaveBlob) { // IE10
        return navigator.msSaveBlob(new Blob([strData], {type: strMimeType}), strFileName);
    } /* end if(navigator.msSaveBlob) */


    if ('download' in a) { //html5 A[download]
        a.href = "data:" + strMimeType + "," + encodeURIComponent(strData);
        a.setAttribute("download", strFileName);
        a.innerHTML = "downloading...";
        D.body.appendChild(a);
        setTimeout(function() {
            a.click();
            D.body.removeChild(a);
        }, 66);
        return true;
    } /* end if('download' in a) */


    //do iframe dataURL download (old ch+FF):
    var f = D.createElement("iframe");
    D.body.appendChild(f);
    f.src = "data:" +  strMimeType   + "," + encodeURIComponent(strData);

    setTimeout(function() {
        D.body.removeChild(f);
    }, 333);
    return true;
} /* end download() */

更新:添加了面向 future 的 IE 例程

更新 2:结帐 the evolved version on GitHub包括 dataURL 和 Blob 支持。