简介
npm是node.js的包管理工具，通过使用npm，可以方便地安装、升级和管理javascript包。Windows.storage.pickers是一款用于Windows UWP应用程序开发的npm包，它提供了对系统存储器的访问权限，允许开发者使用各种文件打开和保存对话框来访问用户的文件和文件夹。本文将介绍如何使用npm包windows.storage.pickers来完成Windows UWP应用程序的文件和文件夹访问功能。
安装Windows.storage.pickers
使用npm命令行工具来安装windows.storage.pickers，命令如下：
--- ------- ----------------------- ------
引入Windows.storage.pickers到项目中
在需要使用windows.storage.pickers的js文件中，使用以下代码来引入windows.storage.pickers:
--- ----- - ----------------- --- ------- - --------------------------- --- --------------------- - -----------------------------------
打开文件选择器
通过以下代码可以打开文件选择器：
--- ------ - --- ---------------------------------------
----------------------------------
------------------------------------------ ------ -
-- ------ -
--------------------- ----- - - -----------
- ---- -
--------------- ---- -----------
-
---在上述代码中，我们创建了一个FileOpenPicker对象，并将文件类型过滤器配置为'*'，这表示选择器可以选中任何类型的文件。
使用picker.pickSingleFileAsync()方法来打开文件选择器，它会返回一个Promise对象，当用户选中文件后，Promise会返回一个StorageFile对象。在上述代码中，我们使用file.name来获得所选择的文件名。
打开文件保存对话框
通过以下代码可以打开保存对话框：
--- ------ - --- ---------------------------------------
------------------------ - ---- ----------
------------------------------------ ------ ----------
---------------------------------------- ------ -
-- ------ -
------------------ ----- - - -----------
- ---- -
----------------- --------- ------------
-
---在上述代码中，我们创建了一个FileSavePicker对象，并将suggestedFileName属性设为'New Document'，这表示保存对话框中默认的文件名为'New Document'。我们还通过fileTypeChoices.insert()方法向文件类型列表中添加了纯文本文件类型'.txt'。这里可以添加多个文件类型，但必须包含一个拓展名。
使用picker.pickSaveFileAsync()方法来打开保存对话框，它会返回一个Promise对象，当用户保存文件后，Promise会返回一个StorageFile对象。在上述代码中，我们使用file.name来获得所保存的文件名。
打开文件夹选择器
通过以下代码可以打开文件夹选择器：
--- ------ - --- -------------------------------------
-------------------------------------------- -------- -
-- -------- -
--------------------- ------- - - -------------
- ---- -
--------------- ------ -----------
-
---在上述代码中，我们创建了一个FolderPicker对象，并使用picker.pickSingleFolderAsync()方法来打开文件夹选择器。它会返回一个Promise对象，当用户选择文件夹后，Promise会返回一个StorageFolder对象。在上述代码中，我们使用folder.name来获得所选择的文件夹名称。
结论
本文介绍了npm包windows.storage.pickers，它是Windows UWP应用程序开发中非常重要的一个包，提供了对系统存储器的访问权限，允许开发者使用各种文件打开和保存对话框来访问用户的文件和文件夹。我们通过详细的代码示例来说明了如何使用windows.storage.pickers来实现Windows UWP应用程序文件和文件夹访问功能。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006710e8dd3466f61ffe1c4