vue + FileSaver保存到本地指定路径
时间: 2023-07-29 12:11:38 浏览: 1893
vue生成token并保存到本地存储中
在Vue中,您可以使用FileSaver.js库将文件保存到本地指定路径。首先,您需要在您的Vue组件中安装该库:
```
npm install file-saver --save
```
然后,您可以使用以下代码将文件保存到本地指定路径:
```
import { saveAs } from 'file-saver';
export default {
methods: {
saveFile() {
const fileContent = 'Hello, world!';
const fileName = 'hello.txt';
const fileType = 'text/plain;charset=utf-8';
const blob = new Blob([fileContent], { type: fileType });
saveAs(blob, fileName);
}
}
}
```
这将创建一个名为“hello.txt”的文本文件,并将其保存到本地文件系统中。您可以将“Hello,world!”替换为您要保存的实际内容,并将“hello.txt”替换为您要保存的文件名和扩展名。请注意,您需要使用saveAs方法将Blob对象保存到本地文件系统中。
阅读全文