如何在一个 ajax 请求中添加文件和 html 类型数据

Question

我不知道在通过 ajax 发送数据时如何在输入字段后面指定.html()

我希望$(Content)作为 html 格式的数据，但通过使用FromData()似乎是不可能的。

$("form#data").submit(function(e) {
e.preventDefault();
var formData = new FormData(this);
var Content = document.getElementById("editor").innerHTML;
$.ajax({
url: 'php/videoUpload.php',
type: 'POST',
data: formData,
Content: $(Content).html(), //Not working (Can't see the Content in my ajax request in console window)
success: function(data) {},
cache: false,
contentType: false,
processData: false
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id="data" method="post" enctype="multipart/form-data">
<div class="form-group">
<input type="text" class="form-control" name="title">
</div>
<div id="toolbar"></div>
<div id="editor"></div>
<input type="file" name="file" id="fileToUpload">
<button type="submit" class="SubmitButton">Post</button>
</form>

Answer 1

formData 是实际发送到服务器的内容。 jQuery实现了content属性，但不是你期望的方式。如果要将编辑器div 的 innerHTML 添加到请求的正文中，则需要将其添加到 formData 对象中。一个简单的方法是添加

formData.editorContent = document.getElementById("editor").innerHTML;

在您调用新的表单数据