V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
sytnishizuiai
V2EX  ›  问与答

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

  •  
  •   sytnishizuiai · 2019-12-27 18:44:38 +08:00 · 1113 次点击
    这是一个创建于 1797 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    6 条回复    2019-12-27 19:03:34 +08:00
    sarices
        1
    sarices  
       2019-12-27 18:46:34 +08:00
    location=接口地址
    sytnishizuiai
        2
    sytnishizuiai  
    OP
       2019-12-27 18:48:09 +08:00
    @sarices 我的接口是 post 形式的,需要传数据,还需要传 jwt
    keepeye
        3
    keepeye  
       2019-12-27 18:57:43 +08:00   ❤️ 1
    不考虑浏览器兼容性的话 利用 Blob 对象实现?
    sarices
        4
    sarices  
       2019-12-27 18:58:44 +08:00   ❤️ 1
    @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
        5
    sytnishizuiai  
    OP
       2019-12-27 19:02:19 +08:00 via iPhone
    @keepeye 不需要兼容性,我回去看看能用就行,谢啦
    sytnishizuiai
        6
    sytnishizuiai  
    OP
       2019-12-27 19:03:34 +08:00 via iPhone
    @sarices 好的,十分感谢,我回去试试
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3264 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 12:26 · PVG 20:26 · LAX 04:26 · JFK 07:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.