如何使用 Javascript 提高从客户端浏览器到服务器的多个图像/文件上传的性能?

Kir*_*age -2 javascript ajax jquery node.js reactjs

我必须加快文件上传的过程,因为我们的应用程序必须处理大文件。寻找一种好的技术来改进文件上传过程。

Dan*_*eck 5

虽然您确实无法更改用户可用的带宽量,但您并非完全无助;您可以采取多种措施来让他们的生活更轻松:

  • 显然,为用户提供有关每次上传进度以及总上传进度的可见反馈。
  • 确保如有必要可以暂停个别上传。
  • 当上传失败或部分上传时,不要丢弃接收到的数据;确保用户有一种简单的方法可以找到它并继续上传,而不是从头开始。
  • 如果有多个同时上传,请观察上传速率 - 如果上传速度非常慢,表明带宽限制,请考虑自动切换到顺序上传(这样,在中断的情况下,用户不会陷入困境)一堆部分文件)。
  • 让用户在等待时有事可做。如果还有与上传文件相关的其他数据输入,请让他们在上传过程中执行此操作,而不是仅仅让他们盯着进度条。(例如,如果他们正在上传视频,请让他们在上传过程中填写标题、描述和标签等。)
  • 您可以使用大量的用户体验技术来使上传感觉比实际速度更快。(例如,“向后减速的肋状进度条”可以被认为比实心进度条快 12%。)