Закрытие соединения до ajax завершения запроса

Question

То, что я делаю, - это получение изображений, которые отображаются в HTML DOM, и отправка изображения base64 в массив, который затем отправляется с использованием ajax для вставки в базу данных и сохранения в виде файла. Проблема в том, что я получаю эту ошибку (net :: ERR_CONNECTION_CLOSED) в консоли и не удается выполнить возврат из запроса ajax. (Ничто не будет сохранено или вставлено в БД.) Если у кого-то есть какие-либо предложения о том, как еще я мог бы добиться этого или как исправить этот метод, будет принята с благодарностью.

Изображение sr c для JS выглядит так ..

src = "data: image / png; base64, iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4CAYAAADo08FDAAAgAElEQVR4X ...

JS: 101 * 100 * 101 * 100 * 101 * 1010: 0 1011 * submitedit. php

if($_SERVER["REQUEST_METHOD"] == "POST") {
if(isset($_POST["id"]) && isset($_POST["images"])) {
        $id = $_POST["id"];

        $images = json_decode($_POST["images"]);
        define('UPLOAD_DIR', '../listing-images/');
        foreach($images as $img) {
            file_put_contents("testlog.log", $img);
            $img = str_replace('data:image/png;base64,', '', $img);
            $img = str_replace(' ', '+', $img);
            $dataImg = base64_decode($img);
            $file = UPLOAD_DIR . uniqid() . '.png';

            file_put_contents($file, $dataImg);

            $file = str_replace('../listing-images/', '', $file);

            $sql = "INSERT INTO images (name, listing_id) VALUES (:name, :listing_id)";
            $data = [
                ':name' => $file,
                ':listing_id' => $id
            ];
            $stmt = $conn->prepare($sql);
            $stmt->execute($data);
        }
    }

}