FileSaver.js 是在客户端保存文件的解决方案,非常适合 在客户端上生成文件的 Web 应用。它是 HTML5 版本的 saveAs() FileSaver 实现,支持大多数主流的浏览器,其兼容性如下图所示:**
从文件保护程序导入saveAs()
import { saveAs } from 'file-saver';
使用 保存文本require()
var FileSaver = require('file-saver');
var blob = new Blob(["Hello, world!"], {
type: "text/plain;charset=utf-8"});
FileSaver.saveAs(blob, "hello world.txt");
保存文本
var blob = new Blob(["Hello, world!"], {
type: "text/plain;charset=utf-8"});
FileSaver.saveAs(blob, "hello world.txt");
保存网址
FileSaver.saveAs("https://httpbin.org/image", "image.jpg");
文章来源:https://www.toymoban.com/news/detail-600056.html
在同一源中使用 URL 将只使用 . 否则,它将首先检查它是否支持具有同步头请求的 cors 标头。 如果是这样,它将下载数据并使用 Blob URL 保存。 如果没有,它将尝试使用 .a[download]``a[download]
标准 W3C 文件 API Blob
接口并非在所有浏览器中都可用。Blob.js 是解决此问题的跨浏览器实现。文章来源地址https://www.toymoban.com/news/detail-600056.html
保存画布
var canvas = document.getElementById("my-canvas");
canvas.toBlob(function(blob) {
saveAs(blob, "pretty image.png");
});<
到了这里,关于vue导出文件,用FileSaverJs就够了的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!