WEB:提交文件+文本域,使用单一表格还是分开?

WEB: Submitting files + text fields, use single form or separate?

我目前正在开发一个简单的前端,它允许用户将数据输入到文本字段并在同一表单上上传文件。

我知道我必须使用 multipart/form-data 才能发送文件,但我很好奇什么是最好的方式也发送文本数据。我的选择是:

  1. 使用multipart/form-data

    以单一形式提交文件和文本数据
  2. 在两个不同端点之间分离文件和文本数据,允许我在发送之前将文本数据格式化为JSON客户端

我认为做任何一个都不会非常困难,但我很好奇在这种情况下通常被认为是最佳实践的是什么。

这取决于您期望用户使用的工作流程。

如果您希望他们填写的字段与您上传的文件紧密绑定,请在一个表格中完成所有操作。例如,如果上传的是一张图片,并且该字段包含图片的标题,那么它们放在一起并且应该采用单一形式。

如果在您的页面上仅上传文件或仅填写表单中的字段并提交它们有意义,请使用两个表单 objects。

在进行一些可用性测试之前,您可能不会知道它的效果如何。您可能需要对其进行更改才能使一切顺利进行。