sytnishizuiai
V2EX  ›  问与答

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

  •  
  •   sytnishizuiai · Dec 27, 2019 · 1482 views
    This topic created in 2421 days ago, the information mentioned may be changed or developed.

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

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

    6 replies    2019-12-27 19:03:34 +08:00
    sarices
        1
    sarices  
       Dec 27, 2019
    location=接口地址
    sytnishizuiai
        2
    sytnishizuiai  
    OP
       Dec 27, 2019
    @sarices 我的接口是 post 形式的,需要传数据,还需要传 jwt
    keepeye
        3
    keepeye  
       Dec 27, 2019   ❤️ 1
    不考虑浏览器兼容性的话 利用 Blob 对象实现?
    sarices
        4
    sarices  
       Dec 27, 2019   ❤️ 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
       Dec 27, 2019 via iPhone
    @keepeye 不需要兼容性,我回去看看能用就行,谢啦
    sytnishizuiai
        6
    sytnishizuiai  
    OP
       Dec 27, 2019 via iPhone
    @sarices 好的,十分感谢,我回去试试
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5049 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 08:55 · PVG 16:55 · LAX 01:55 · JFK 04:55
    ♥ Do have faith in what you're doing.