Vue - 下载普通 URL 地址各种文件到本地

前言

例如,您现在本地或服务端返给前端一个文件路径,路径示例:http://serve.net/人与自然.doc,此时您需要将该文件下载到用户本地。

网上大部分的方法都是使用 <a> 标签,且使用 JS 来动态创建很 繁琐且 Bug 多

您无需考虑与判断文件格式,无论遇到什么文件,都能 “丝滑” 完成下载,

《Vue - 下载普通 URL 地址各种文件到本地》

安装

目前社区有非常成熟的下载插件 file-saver ,我们先来安装一下。

打开项目根目录,在 cmd 执行如下命令:

npm i file-saver --save-dev

如安装失败,请使用 cnpm / yarn 安装。

使用示例

推荐使用平台一键复制功能,避免漏选。

您随便找个页面,复制以下代码运行起来。

    原文作者:王佳斌
    原文地址: https://blog.csdn.net/weixin_44198965/article/details/125785405
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞