使用AJAX和PHP保存boostrap WYSIWYG提交的URI太大

我试图通过将div编辑器复制到一个隐藏的文本区域来保存我的引导所见即所得内容，但是当我试图使用ajax提交它时，我发现我试图添加的图像被编码到base64中时，出现了一个错误“提交的URI太大！”。如何获取图像URL，以便使用PHP进行处理

我的HTML

 <div id="editor" name="editor" data-target="content">

</div>

<form>
<textarea type="text"  name="content" id="content"></textarea>
<button type="submit" class="btn btn-danger copyeditor">Save</button>


</form>

拯救

我的jquery和ajax脚本

<script>

$(".copyeditor").on("click", function() {

       var targetName = $("#editor").attr('data-target');
       $('#'+targetName).val($('#editor').html());


       $.ajax({
  type: "POST",
  url: "data.php",
  data: $('#content').html(),
  success: success,
  dataType: dataType
});


    });

</script>

$（“.copyeditor”）。在（“单击”，函数（）{
var targetName=$（“#编辑器”）.attr（'data-target'）；
$（'#'+targetName）.val（$（'#编辑器'）.html（））；
$.ajax({
类型：“POST”，
url:“data.php”，
数据：$（'#content'）.html（），
成功：成功，
数据类型：数据类型
});
});

这就是我正在处理的问题

我们的目标就是要做到这一点

<img style="width: 640px;" src="data:image/jpeg;base64,/9j/4Qv6RXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAeAAAAcgEyAAIAAAAUAAAAkIdp...............>

像这样

<img src="/images/blah/blah.jpg.">

php.ini文件中键为“post\u max\u size”的限制是什么？服务器可能会因为这个原因直接拒绝该请求。它设置为post_max_size=550MOk，所以请尝试在ajax调用参数中使用processData:false。并将数据类型参数设置为xml或html值。这应该会有帮助。试过了，错误还是一样的。好吧，所以在环顾四周一个小时后，我决定改用summernote WYSIWYG，然后按照上面的答案来做。