npm 包 @nodert-win8.1/windows.storage.pickers 使用教程-JavaScript中文网-JavaScript教程资源分享门户

简介

@nodert-win8.1/windows.storage.pickers 是一个为 Windows 环境下的 JavaScript 应用程序提供文件和文件夹选择器的 npm 包。该包提供了多种选择器类型，包括打开、保存、文件、文件夹选择器等，可在 Windows 平台上轻松选择文件和文件夹。

安装

npm i @nodert-win8.1/windows.storage.pickers

使用

import { FileOpenPicker } from '@nodert-win8.1/windows.storage.pickers';

const fileOpenPicker = new FileOpenPicker();
fileOpenPicker.pickSingleFileAsync().then(file => {
  console.log(file);
}).catch(error => {
  console.error(error);
});

API

FileOpenPicker

可以使用 FileOpenPicker 对象来从系统中选择单个文件，获取所选文件的文件流或文件路径。

const fileOpenPicker = new FileOpenPicker();
fileOpenPicker.fileTypeFilter.replaceAll(['.jpg', '.png', '.gif']);
fileOpenPicker.pickSingleFileAsync().then(file => {
  console.log(file);
}).catch(error => {
  console.error(error);
});

属性

属性名	描述
fileTypeFilter	定义允许的文件类型。
settingsIdentifier	获取或设置此 FileOpenPicker 的标识符。
suggestedStartLocation	获取或设置打开文件对话框的起始位置。

方法

方法名	描述
pickMultipleFilesAsync()	显示可允许用户选择多个文件的打开文件对话框。
pickSingleFileAsync()	启动文件打开器对话框以使用户选择单个文件。

pickMultipleFilesAsync()

这个函数允许我们选择多个文件。

fileOpenPicker.pickMultipleFilesAsync().then(files => {
  console.log(files);
}).catch(error => {
  console.error(error);
});

pickSingleFileAsync()

这个函数允许我们选择单个文件。

fileOpenPicker.pickSingleFileAsync().then(file => {
  console.log(file);
}).catch(error => {
  console.error(error);
});

FolderPicker

FolderPicker 对象提供了访问文件夹的功能。它用于选择单个文件夹并返回所选文件夹的路径。

import { FolderPicker } from '@nodert-win8.1/windows.storage.pickers';

const folderPicker = new FolderPicker();
folderPicker.pickFolderAsync().then(folder => {
  console.log(folder);
}).catch(error => {
  console.error(error);
});

方法

方法名	描述
pickFolderAsync()	启动文件夹选择器对话框以使用户选择单个文件夹。

pickFolderAsync()

启动文件夹选择器对话框以使用户选择单个文件夹。

folderPicker.pickFolderAsync().then(folder => {
  console.log(folder);
}).catch(error => {
  console.error(error);
});

FileSavePicker

FileSavePicker 对象可让用户指定一个或多个文件名或路径，以便在应用程序中保存数据。

-- -------------------- ---- -------
------ - -------------- - ---- -----------------------------------------

----- -------------- - --- -----------------
-------------------------------- - --------------
-------------------------------------------- ------ ----------
-------------------------------------------- -- -
  ------------------
-------------- -- -
  ---------------------
---

属性

属性名	描述
commitButtonText	获取或设置“保存”按钮上的文本。
defaultFileExtension	获取或设置允许用户输入的默认文件扩展名。
fileTypeChoices	获取允许用户选择文件类型的用户可见的扩展名/描述元组集合。
settingsIdentifier	获取或设置 FileSavePicker 的标识符。

方法

方法名	描述
pickSaveFileAsync()	显示允许用户选择保存文件的 UI 并返回选定的文件。

pickSaveFileAsync()

此函数启动“另存为”对话框，让用户保存文件。

fileSavePicker.pickSaveFileAsync().then(file => {
  console.log(file);
}).catch(error => {
  console.error(error);
});

结论

@nodert-win8.1/windows.storage.pickers 是一个有趣而实用的 npm 包，它可以帮助我们通过 JavaScript 在 Windows 中选择文件和文件夹。本文介绍了该包的主要用法及其参数。如果你想在 Windows 应用程序中使用文件和文件夹选择器，那么 @nodert-win8.1/windows.storage.pickers 是一个不错的选择。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60066bce967216659e244ceb