通过javascript下载文件时设置文件名

Question

我接管了以下代码段：

            $.ajax({
                contentType: 'application/json; charset=utf-8',
                type: 'POST',
                url: '/api/generalapi/generatecsv',
                data: data,
                success: function (response) {
                    window.open("data:text/csv;base64," + response, '', '');
                }
            });

我已尝试添加

filename=orders.csv

到window.open但该文件仍然总是关闭为＆＃34;下载＆＃34;。没有延期或任何事情。

有没有办法使用上面的代码控制文件名？

Answer 1

尝试这样的事情：

function saveContent(fileContents, fileName)
{
    var link = document.createElement('a');
    link.download = fileName;
    link.href = 'data:,' + fileContents;
    link.click();
}

    $.ajax({
        contentType: 'application/json; charset=utf-8',
        type: 'POST',
        url: '/api/generalapi/generatecsv',
        data: data,
        success: function (response) {
            saveContent("text/csv;base64," + response, 'orders.csv');
        }
    });

关键部分是link.download = fileName;，它将HTML5 download属性添加到用于下载的动态创建的链接中。