1、showSaveFilePicker
showSaveFilePicker
是 WebAPI 中的一个方法,可用于显示本地文件保存框,让用户保存一个文件。该方法可以在不需要服务器干预的情况下,向本地系统写入文件,同时保留浏览器的独立性。
async function writeFile() {
const options = {
suggestedName: 'myFile.txt',
types: [{
description: 'Text Files',
accept: {'text/plain': ['.txt']},
}],
};
const fileHandle = await window.showSaveFilePicker(options);
const writable = await fileHandle.createWritable();
await writable.write('Hello, world!');
await writable.close();
console.log('File written successfully!');
}
在上述示例中,调用 showSaveFilePicker
弹出本地文件保存框,并显示默认的文件名 myFile.txt
。定义 types
数组,其中包含一种类型描述,使用文本类型描述并确定使用“txt”作为后缀名。 方法返回一个 promise,该promise可以暂停代码执行,直到用户选择文件并执行操作。
最后,使用createWritable
方法创建一个可写文