Сохраняйте изображения и текст из contenteditable div в mysql

Question

Я работаю над Laravel 7. Я хочу сохранить изображения и текст из contenteditable div в mysql. Я нашел способ сохранить текст из contenteditable в mysql, сначала сохранив его в textarea, но я не понимаю, как я могу сохранить изображения? А также получить их таким же образом.

  <p>
        <input type="file" id="file" accept="image/*" multiple onchange="showFiles()" />
    </p>
    <div contenteditable id="container" style="width:auto;border:solid 1px #999;padding:10px;">
        This section is Editable! <br />
    </div>
    <br>
<textarea name="page" id="page" style="width:300px;"></textarea>
<button type="button" id="" onclick="myfunction()" name="button">button</button>

<script>
    function showFiles() {
        var div = document.getElementById('container');     // The DIV.
        var fi = document.getElementById('file');           // Get the File input.
        if (fi.files.length > 0) {
            for (var i = 0; i <= fi.files.length - 1; i++) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    var img = new Image();
                    img.src = e.target.result;
                    // img.width =40px;
                    img.setAttribute('style', 'clear:both; margin:10px 0; width:200px;');
                    div.appendChild(img);       // Add the images to the DIV.
                };
                reader.readAsDataURL(fi.files.item(i));
            }
        }
    }

    function myfunction() {
var first = document.getElementById("container").innerText;

document.getElementById('page').value = first;

}
</script>