PHP fputcsv 导出的 csv 文件,前后分离下, vue 如何下载

2019-12-27 18:44:38 +08:00
 sytnishizuiai

我现在所有的导出,全是用 fputcsv 来导出为 csv 格式的表,以前非前后分离开发下会自动下载,我用 postman 点击下载并保存也可以导出。

现在前端 vue 调用接口后直接返回了表格内容,请问 vue 用什么方式可以下载我导出的表呢?还是需要我先存在服务器后下载?

1076 次点击
所在节点    问与答
6 条回复
sarices
2019-12-27 18:46:34 +08:00
location=接口地址
sytnishizuiai
2019-12-27 18:48:09 +08:00
@sarices 我的接口是 post 形式的,需要传数据,还需要传 jwt
keepeye
2019-12-27 18:57:43 +08:00
不考虑浏览器兼容性的话 利用 Blob 对象实现?
sarices
2019-12-27 18:58:44 +08:00
@sytnishizuiai

获得数据后创建一个 blob 对象,插入页面生成链接,然后触发点击事件试试
```javascript
$.post(/*...*/,function (result)
{
var blob=new Blob([result]);
var link=document.createElement('a');
link.href=window.URL.createObjectURL(blob);
link.download="myFileName.txt";
link.click();

});
```
sytnishizuiai
2019-12-27 19:02:19 +08:00
@keepeye 不需要兼容性,我回去看看能用就行,谢啦
sytnishizuiai
2019-12-27 19:03:34 +08:00
@sarices 好的,十分感谢,我回去试试

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/632974

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX