在网站上做承诺书,手机建设网站自适应的好处,社保网站做员工用工备案吗,公司发展规划范文在 Vue 项目中#xff0c;你可以使用 FileSaver.js 库来方便地下载文件流。FileSaver.js 封装了不同浏览器的下载方式#xff0c;使得下载文件更加简单和兼容。以下是一个完整的示例方法#xff1a;
首先#xff0c;安装 FileSaver.js 库#xff1a;
template你可以使用 FileSaver.js 库来方便地下载文件流。FileSaver.js 封装了不同浏览器的下载方式使得下载文件更加简单和兼容。以下是一个完整的示例方法
首先安装 FileSaver.js 库
templatebutton clickdownloadFile下载文件/button
/templatescript
import { saveAs } from file-saver;export default {methods: {downloadFile() {axios({method: get,url: your_file_url,responseType: blob, // 指定响应数据类型为 blob}).then((response) {//上面是接口const blob new Blob([response.data]);const fileName your_file_name;saveAs(blob, fileName);});},},//方法一way(){// const blob new Blob([res]);// const fileName fileName;// saveAs(blob, fileName);},//方法二way1(){// 创建一个 a 标签并设置下载属性const downloadLink document.createElement(a);downloadLink.href URL.createObjectURL(res);downloadLink.download fileName; // 下载文件的名称// 模拟用户点击下载链接downloadLink.click();// 清理临时对象URL.revokeObjectURL(downloadLink.href);},};/script
