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

Set filename when downloading a file through javascript

本文关键字：设置 文件名 文件 javascript 下载 通过      更新时间：2023-09-26

我接管了以下片段：

            $.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

打开窗口，但该文件仍然总是显示为"下载"。没有延期或其他任何事情。

有没有任何方法可以使用上面的代码来控制文件名？

尝试这样的东西：

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;，它将HTML5download属性添加到用于下载的动态创建的链接中。

相关文章：