Ofd.js 如何使用 完整代码

Ofd.js是一个用于创建在线文件选择对话框的小巧库，它允许你在浏览器端展示类似Windows OpenFileDialog的功能。以下是使用Ofd.js的基本步骤和一个简单的完整代码示例：

首先，你需要从GitHub或其他提供的CDN引入ofd.min.js文件到你的HTML页面中：

<script src="https://unpkg.com/ofd/dist/ofd.min.js"></script>

然后，你可以创建一个`<button>`或者其他触发对话框的选择元素，并绑定点击事件：

<button id="openFileDialog">打开文件</button>

接着，在JavaScript里初始化并显示文件选择对话框：

document.getElementById('openFileDialog').addEventListener('click', function() {
  const ofd = new OFD({
    // 设置选项，如标题、默认路径等
    title: '选择文件',
    defaultDir: './', // 默认选择的目录
    buttonLabels: { confirm: '打开' }, // 按钮文字
    multiple: true, // 是否可以选择多个文件
    filter: '*.txt,*.jpg' // 可选文件类型
  });

  ofd.show().then(files => {
    if (files) {
      console.log('选择的文件:', files);
      // 这里可以处理选定的文件列表
    }
  });
});

在这个例子中，当用户点击按钮时，会弹出一个文件选择窗口，允许他们选择文本文件(.txt)和图片文件(.jpg)，并能选择多个文件。点击“打开”按钮后，返回的`files`数组包含了所选文件的信息。