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

Question

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

Answer 1

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

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