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

Question

我试图通过将div编辑器复制到隐藏的textarea来保存我的引导WYSIWYG内容，但是当我尝试使用ajax提交它时，我收到了错误＆＃34;提交的URI太大了！＆＃34;检查时，我发现我想要添加的图像被编码到base64中。如何获取图像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>

这是我正在处理的事情。

目标是制作本

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

看起来像这样

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