如何在一个ajax请求中添加文件和html类型的数据
如何在一个ajax请求中添加文件和html类型的数据
提问于 2018-06-20 04:56:25
我不知道如何在通过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>
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-20 05:03:36
formData是实际发送到服务器的内容。jQuery实现了content属性，但并不是您所期望的方式。如果想要将编辑器div的innerHTML添加到请求正文中，则需要将其添加到formData对象中。要做到这一点，简单的方法是添加
formData.editorContent = document.getElementById("editor").innerHTML;在您对新FormData的调用下
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50936834
复制相关文章
相似问题