Question

我正在尝试使用Javascript自动下载csv文件。以下是我的Javascript。我试图消除底部的HMTL，因为Javascript将处于for循环中，我希望每次for循环运行时都要下载该文件。

function convertArrayOfObjectsToCSV(args) {
    var result, ctr, keys, columnDelimiter, lineDelimiter, data;

    data = args.data || null;
    if (data == null || !data.length) {
        return null;
    }

    columnDelimiter = args.columnDelimiter || ',';
    lineDelimiter = args.lineDelimiter || '\n';

    keys = Object.keys(data[0]);

    result = '';
    result += keys.join(columnDelimiter);
    result += lineDelimiter;

    data.forEach(function(item) {
        ctr = 0;
        keys.forEach(function(key) {
            if (ctr > 0) result += columnDelimiter;

            result += item[key];
            ctr++;
        });
        result += lineDelimiter;
    });

    return result;
}

window.downloadCSV3 = function(args) {
    var data, filename, link;

    var csv = convertArrayOfObjectsToCSV({
        data: allTheData
    });
    if (csv == null) return;

    filename = args.filename || 'export.csv';

    if (!csv.match(/^data:text\/csv/i)) {
        csv = 'data:text/csv;charset=utf-8,' + csv;
    }
    data = encodeURI(csv);

    link = document.createElement('a');
    link.setAttribute('href', data);
    link.setAttribute('download', filename);
    link.click();
}

这就是HTML的样子

<a href='#' id='link3' onclick='downloadCSV3({ filename: "file-id.csv" });'>Download CSV</a>

有没有办法不用处理HTML，而是在Javascript中下载文件？将有一个for循环运行下载，这就是为什么我不想点击。

Answer 1

您可以使用隐藏的iframe并指示服务器将文件MIME类型设置为某些随机废话。这将导致浏览器默认为“application / octet-stream”，这会导致浏览器提示您下载。

<iframe id="frame"></iframe>

<script>
document.getElementById("frame").style.display = "none";
function Download(ref) {
document.getElementById('frame').src = ref;
};
</script>

Javascript下载csv而不点击

1 个答案: