如何将csv数据从filepicker转换为动态列表？

// 假设你已经获取到了从filepicker选择的csv文件的URL或者文件对象
const csvFileUrl = 'https://example.com/path/to/file.csv';

// 使用Fetch API获取csv文件内容
fetch(csvFileUrl)
  .then(response => response.text())
  .then(csvData => {
    // 解析csv文件内容
    const rows = csvData.split('\n');
    const headers = rows[0].split(',');
    const dataList = [];

    for (let i = 1; i < rows.length; i++) {
      const rowData = rows[i].split(',');
      const dataItem = {};

      for (let j = 0; j < headers.length; j++) {
        dataItem[headers[j]] = rowData[j];
      }

      dataList.push(dataItem);
    }

    // 使用获取到的数据生成动态列表的HTML元素
    const listContainer = document.getElementById('list-container');

    dataList.forEach(dataItem => {
      const listItem = document.createElement('li');
      listItem.textContent = JSON.stringify(dataItem);
      listContainer.appendChild(listItem);
    });
  })
  .catch(error => {
    console.error('Failed to load csv file:', error);
  });