前端遍历ftp服务器上的文件

在前端JavaScript中直接遍历FTP服务器上的文件通常不是最佳实践，因为浏览器出于安全考虑，不允许直接访问网络资源，包括FTP。然而，如果你需要与FTP服务器交互，可以采用以下间接的方式：

1. 使用Node.js：在服务器端（如Node.js）编写脚本，通过`ftp`模块或者第三方库（如`axios-file-upload`结合`ftplib`库）连接到FTP服务器，并获取文件列表。完成操作后，将结果返回给前端作为API服务。

const ftp = require('ftp');
const axios = require('axios');

async function listFiles(host, user, password) {
  const client = new ftp();
  try {
    await client.connect({
      host,
      user,
      password
    });
    const files = await new Promise((resolve, reject) => {
      client.list('/', (err, list) => {
        if (err) return reject(err);
        resolve(list);
      });
    });
    // 返回文件信息给前端
    return files;
  } finally {
    client.end();
  }
}

// 调用函数并处理返回的数据
listFiles('ftp.example.com', 'username', 'password')
  .then(files => {
    // 在这里处理files数组
  })
  .catch(error => console.error(error));

2. AJAX轮询或者WebSocket：如果条件允许，可以在后台设置一个定时任务或Websocket长连接，定期向FTP服务器请求文件更新，并将结果推送给前端。

前端接收到数据后，通常会在后端提供的API接口中解析文件列表，然后在前端应用中展示。