PEEL中文网
领取MOLI红包
The Sandbox中文网
你的位置:PEEL中文网 > The Sandbox中文网 > vue中使用file-saver导出文件的全过程记录

vue中使用file-saver导出文件的全过程记录

2025-01-03 18:11    点击次数:156
一、安装 此外,可以通过以下方式安装TypeScript定义: 二、语法 saveAs()从文件保存器导入 传递{ autoBom: true }如果你想FileSaver.js自动提供Unicode文本编码提示(:见字节顺序标记)。请注意,只有在您的Blob类型已charset=utf-8设置的情况下才能执行此操作。 三、例子 使用保存文字 require() 储存文字 保存网址 在相同来源内使用URL只会使用a[download]。否则,它将首先检查它是否支持带有同步头请求的cors标头。如果是这样,它将下载数据并使用Blob URL保存。如果没有,它将尝试使用下载它a[download]。 标准的W3C File API Blob接口并非在所有浏览器中都可用。 Blob.js是Blob解决此问题的跨浏览器实现。 保存画布 注意:标准HTML5 canvas.toBlob()方法并非在所有浏览器中都可用。 canvas-toBlob.js是一个跨浏览器canvas.toBlob(),可以对此进行填充。 保存文件 您可以保存File构造函数而无需指定文件名。如果文件本身已经包含名称,则有很多方法可以获取文件实例(从存储,文件输入,新构造函数,剪贴板事件)。如果仍要更改名称,则可以在第二个参数中更改它。 四、具体使用 下面是项目中使用file-saver封装几种常见格式的导出,这里后台主要输出文件流形式,如下: 在文件exportFile.js中封装方法: 使用: 1.导入 2.使用 总结 到此这篇关于vue中使用file-saver导出文件的文章就介绍到这了,更多相关vue用file-saver导出文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

上一篇:没有了
下一篇:NEXON子公司发布《Project V》技术演示

Powered by PEEL中文网 @2013-2022 RSS地图 HTML地图

Copyright Powered by365站群 © 2013-2024