导出下载功能

最新推荐文章于 2022-12-14 17:36:46 发布

weixin_30522095

最新推荐文章于 2022-12-14 17:36:46 发布

阅读量69

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jcxfighting/p/9284007.html

版权

实现方法：

　　1.window.location.href = `${window.location.origin}/api/rank/excel/downloadTemplate`

　　2.使用a标签 <a href="下载的地址" download="文件的名称">

　　　　缺点：只能再url中拼接参数

　　　　　　　不能使用post请求的方式

　　　　　　　不能加loading效果，即在点击下载的时候启用loading，下载完成之后消失loading

　　3.使用form标签

 <form ：action="下载地址"  method="post"  >

　　　<button    @click="exportClick">导出<./button>

</form>

　　　exportClick() {
            先获取到form元素，然后提交
    
            document.querySelector("#iForm");
            form.submit();
         }

　　4.使用ajax请求方式下载

　　　　（1）后台直接处理，返回需要的字段及文件

　　　　（2）后台直接返回文件流的形式，可以使用jquery的ajax请求的方式进行实现。

转载于:https://www.cnblogs.com/jcxfighting/p/9284007.html