Загрузка BLOB-URL на сервер PHP через ajax - Cordova

Question

Я создаю гибридное мобильное приложение с помощью Cordova и использую плагин Cordova Camera.Я смог получить blob: url для изображения, но зашел в тупик, загрузив его на свой внутренний php-сервер.

Справочная информация:

У меня есть две кнопки, которые я создал для тестирования API камеры Cordova.1 - Сфотографируйте Btn -> Создает URL-адрес блоба 2 - Загрузить фото -> Предположим, что загруженное на мой сервер изображение загружено на сервер через ajax.

На основе моей консоли я получаю индекс:файл не найден, и он генерирует файл изображения 0 КБ на моем сервере.Я новичок в ajax и blob, поэтому буду благодарен за любую оказанную помощь.

//JS CODE
uploadimgtoserver : function () {

 //x is the blobimage url blob:http://localhost:8000/cb420014-a0b9-481a-b3ea- 
   6657f7e7c98e
           var x = localStorage.getItem('data');



                 $.ajax({
                    url: 'URL', 
                    type: 'POST',
                    data: {'file':x},

                    success: function (data) { 
                    console.log(data);
                    },
                     });
}
        };



//php code
$data = $_POST['file'];
$data = str_replace('data:image/jpeg;base64,', '', $data);
$data = str_replace(' ', '+', $data);
$data = base64_decode($data); 
$file = uniqid() . '.jpg'; 
$success = file_put_contents($file, $data);