Как из input type='file' загружать несколько изображений в БД

Вот у меня такой код

html

<form action="" enctype="multipart/form-data">
    <input onchange='download_image()'class='file_i' type="file">
    <input type="submit">
</form>
<div class="cont"></div>

js

let file_i = document.querySelector('.file_i')
let images = []

function download_image(){
    let file = file_i.files[0]
    let reader = new FileReader()
    reader.readAsDataURL(file);


    reader.onload=function(){
        let image = document.createElement('img')
        document.querySelector('.cont').appendChild(image)
        image.src=reader.result
        console.log(reader.result)
        image.style.width=300 + 'px'
        
    }
}

И как можно сделать , чтобы при нажатии на input submit , в мою бд(php) добавлялись данные об изображениях , которые я выбрал , и потом другие пользователи могли видеть их.