总是或从不使用`enctype="multipart/form-data"`？

Question

我想写一个通用的html模板。

我知道过去你需要在<form>标签中设置enctype="multipart/form-data"，如果你想上传文件。

我想在我的通用模板中避免这种情况。

我该怎么办？我看到了这些解决方案：

• 始终使用enctype="multipart/form-data"。
• 永远不要使用enctype="multipart/form-data"。

背景：我很幸运，我不需要支持旧的浏览器。我不需要支持 IE9 或更早的版本。

它正在工作

几个月以来，我们一直在以各种形式使用enctype="multipart/form-data"（即使没有要上传的文件）。

它有效。这使我们的模板更简单。对我来说，这是实现“无条件代码”这一大目标的一个简单步骤。

Answer 1

我认为您应该选择始终使用 enctype="multipart/form-data"。。由于它能够发送任何数据类型。但是由于您无需管理与旧浏览器的向后兼容性，因此您可以使用 HTML5 来实现您在通用模板中所需的其他功能。

您可以在此链接HTML5 Attributes查看可用的 HTML 5 属性

支持的浏览器列表以及版本和示例可在此处获得：Example and supported browsers.

我建议您添加一个过滤器/拦截器，它将从请求中获取所有参数并放入一些数据结构或通用函数，帮助他们从请求中提取值，这将帮助后端开发人员从请求。

<form>
     <input type=submit value=Submit formenctype="application/x-www-form-urlencoded">
 </form>

您还可以编写一个 javascript 函数，该函数将在每次提交表单时调用，并将请求提交到基于服务器或属性或某些指定格式的服务器，即使客户端浏览器较旧。

希望对你有帮助。

Answer 2

在您的表单中上传文件时，您应该specify the encoding as "multipart/form-data"。

如果您想保持表单通用，请在表单中省略此属性，并使用输入或按钮元素的formenctype attribute 直接覆盖它（仅适用于支持 HTML5 的浏览器）。 在你的情况下，改变：

<form action="upload.php" method="post" enctype="multipart/form-data">
  Select image to upload:
  <input type="file" name="fileToUpload" id="fileToUpload">
  <input type="submit" value="Upload Image" name="submit">
</form>

到：

<form action="upload.php" method="post">
  Select image to upload:
  <input type="file" name="fileToUpload" id="fileToUpload" formenctype="multipart/form-data">
  <input type="submit" value="Upload Image" name="submit">
</form>

此外，您可以使用enctype="multipart/form-data" 来检查this question 建议避免总是。

Answer 3

你可以用javascript来做

var file = document.getElementById('file').files[0]; 
var reader = new FileReader();
reader.readAsText(file, 'UTF-8');
reader.onload = sendData;


function sendData(event) {
    var result = event.target.result;
    var fileName = document.getElementById('file').files[0].name; 
    $.post('/api/sendData', { data: result, name: fileName }, continueSubmission);
}

Answer 4

上传文件时，您始终需要在表单标签中使用enctype=" multipart/form-data"。但是，当您不上传任何文件时，则没有必要。
谢谢:)
快乐编码！

Answer 5

我不能直接评论，所以我必须把它写成答案。

我知道的唯一区别是后端是否使用 PHP（不知道这是否会影响 Java/Python 或除 PHP 之外的后端使用的任何其他语言）。

如果 PHP 从 $_POST 和 $_FILES 获取数据superglobals 那么应该没有问题，你可以一直使用它，但如果你使用它可能会遇到麻烦：

$post_content = file_get_contents('php://input').

据我所知，$post_content 中的内容变为空白或类似的内容（它可能适用于单个文件但不适用于多个文件，记不清了......）。