首页 新闻 搜索 专区 学院

如何在前端实现如下图方式的导出功能?

0
[已解决问题] 解决于 2021-02-19 14:54

如下图所示,有一个导出需求,但是不是用的浏览器,用的客户端,不过客户端通过配置文件引用的浏览器页面。 普通的导出方法是点击导出,会在浏览器执行下载文件,然后我希望实现如下图所示,点击导出,会弹出路径进行选择,默认展示的数据文件名。js有没有可能实现?

Micheal_L的主页 Micheal_L | 初学一级 | 园豆:180
提问于:2020-07-24 18:29
< >
分享
最佳答案
0
var rows = [
    ["name1", "city1", "some other info"],
    ["name2", "city2", "more info"]
];

var csvContent = "data:text/csv;charset=utf-8," 
    + rows.map(e => e.join(",")).join("\n");

var encodedUri = encodeURI(csvContent);
var link = document.createElement("a");
link.setAttribute("href", encodedUri);
link.setAttribute("download", "my_data.csv");
document.body.appendChild(link); // Required for FF

link.click(); // This will download the data file named "my_data.csv".

給你參考
替換資料內容及檔名即可

奖励园豆:5
RosonJ | 老鸟四级 |园豆:4854 | 2020-07-27 15:06
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册