javascript - 将图像上传到 Web 服务器的最佳实践

Question

这个问题的目标是了解将图像上传到服务器的最佳方法是什么？为什么？

由于某种原因(个人资料、帖子...)，通过传入几个包含上传图片的网络表单，我注意到通过选择图片，在提交表单之前直接上传到服务器!为什么在用户提交时没有上传？图片上传到哪里，如果用户丢弃了帖子怎么办？假设图片提交后上传到临时目录，图片应该移动到非临时目录，那么为什么开发人员大多使用这种方法，目标是什么？这是为了安全起见？问题太多了……

任何人都可以声明或向我提供一篇有用的文章来回答或解释上述情况？

谢谢。

Answer 1

让我们来看一个简单的场景。
您有 200kb/s 的网络连接并访问了 facebook 或任何其他站点，并且需要填写表格。表格需要一张图片。您选择了一张10MB 大小的图片。假设在您提交表单时将加载图像，考虑到您的网速，可能需要一些时间才能完成请求。如果网站为同一图像创建多个尺寸，则时间可能会增加更多显示在不同尺寸的设备上。在这个过程中，可能会发生很多事情。例如:您可能会生气并离开该网站。最终，网站将失去一个潜在用户。

上述情况可以通过多种方式防止，例如在客户端设置图像大小限制，或者只是警告用户图像尺寸过大 。但这些选项会造成糟糕的用户体验，并有可能失去用户。作为组织/网站所有者，我们不想失去任何用户。我们努力为用户创造良好的体验来我们的网站，以便他们可以访问一次又一次。通过提前开始上传过程，我们减少了提交表单的时间，从而创造了更好的用户体验。

现在，上面的场景很简单。现在您可能会问如果用户不填写表单怎么办。在这种情况下，上传的图像可用于其他目的，例如培训组织的 ML/AI(如果它们具有此类功能)或任何其他目的，具体取决于组织。做出这样的技术决定可能有很多因素。该网站是否适合移动用户？该组织是否将图像用于任何其他目的以及其他目的？

简而言之:视情况而定