vue2里用browser-fs-access 打开文件选择器，并限定文件类型，获取打开的文件路径，最后如何在vue文件中使用它

在 Vue.js v2 中，使用 `browser-fs-access` 库打开文件选择器并且限制文件类型通常是在单页面应用（SPA）的某个组件内部，例如一个上传图片或音频的功能。下面是一个示例步骤说明：

1. 首先，你需要安装 `browser-fs-access` 包：

   npm install browser-fs-access

2. 在你的 Vue 组件内导入模块，并创建一个方法来展示文件选择器：

   import fsAccess from 'browser-fs-access';

   export default {
     methods: {
       selectFile() {
         this.openFileChooser();
       },
       
       openFileChooser() {
         try {
           await fsAccess.request();
           const input = document.createElement('input');
           input.type = 'file';
           input.accept = 'image/*, audio/*'; // 限制文件类型
           input.onchange = (event) => {
             const file = event.target.files[0];
             const filePath = URL.createObjectURL(file);
             this.selectedFilePath = filePath; // 将文件路径绑定到组件的数据上
           };
           input.click();
         } catch (err) {
           console.error('Error accessing local file system:', err);
         }
       },
     },
   };

3. 在模板部分，添加一个按钮或链接来触发文件选择：

   <button @click="selectFile">选择文件</button>
   <p>已选文件路径：{{ selectedFilePath }}</p> <!-- 如果有路径，这将会显示 -->

4. 现在当你点击 "选择文件" 按钮时，会弹出一个文件选择对话框，只允许用户选择图像或音频文件。文件路径会在组件的 `selectedFilePath` 变量中存储，然后在界面上显示出来。