Javascript 将图像上载到web服务器的最佳做法

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

由于某种原因（个人资料、帖子…），我通过将包含上载图像的表单传递到多个web表单，注意到通过选择图像，在提交表单之前会直接上载到服务器！为什么在用户提交时未上载？图片上传到哪里？如果用户放弃了帖子怎么办？假设提交后图像上传到临时目录，图像应该移动到非临时目录，那么为什么开发人员主要使用这种方法目标是什么？这是为了安全起见？太多的问题

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

---

谢谢。

大多数表单都会使用一些前端和后端功能的组合来检查上传的图像是否符合某些标准。可以等待提交操作，这可能会减轻服务器的一些工作

---

大多数表单在上传时都会进行此检查，因为这对用户来说更容易。用户在提交失败后放弃表单是很常见的，因此最好尽快进行验证，以便用户能够立即修复问题。

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

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

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

简言之：视情况而定