ni-file-picker图片上传代码

以下是使用 ni-file-picker 进行图片上传的代码示例：

HTML 代码：

<input type="file" id="image-picker" accept="image/*">
<button id="upload-btn">上传</button>

JavaScript 代码：

// 获取 input 元素
const imagePicker = document.getElementById('image-picker');
// 获取上传按钮
const uploadBtn = document.getElementById('upload-btn');

// 监听上传按钮的点击事件
uploadBtn.addEventListener('click', () => {
  // 获取选中的文件
  const file = imagePicker.files[0];
  // 创建 FormData 对象
  const formData = new FormData();
  // 将文件添加到 FormData 中
  formData.append('file', file);
  // 发送上传请求
 fetch('/upload', {
    method: 'POST',
    body: formData
  })
  .then(response => {
    console.log('上传成功');
  })
  .catch(error => {
    console.error(error);
  });
});

这段代码会监听上传按钮的点击事件，当用户点击上传按钮时，会获取选中的文件，创建 FormData 对象并将文件添加到 FormData 中，最后使用 fetch 发送上传请求。在上传请求中，我们将方法设为 POST，并将 FormData 对象作为请求体。上传成功后，控制台会输出“上传成功”的日志。注意，这里的上传请求地址为 `/upload`，需要根据实际情况进行修改。