How to upload using PHP image in link BLOB?

Question

I’m using a Github (xkeshi/image-compressor) project that compresses images using Javascript. It generates a download of the compressed file with the following link for example blob:http://localhost/945f825f-054a-4170-9d79-ac1dba593d23

Note that the URL starts with blob:

How to upload PHP from file to server, since apparently the file is local?

Dice:

Github project that originated question: https://github.com/xkeshi/image-compressor

What I’ve already tried

<?php
//Arquivo que desejo fazer upload blob:http://localhost/945f825f-054a-4170-9d79-ac1dba593d23
$url = 'blob:http://localhost/945f825f-054a-4170-9d79-ac1dba593d23';
$img = '/p/a.jpg';
file_put_contents($img, file_get_contents($url));
?>

Error showing

Warning: file_get_contents(blob:http://localhost/945f825f-054a-4170-9d79-ac1dba593d23): failed to open stream: Invalid argument in C: xampp htdocs 1 a b Docs p.php on line 5

Warning: file_put_contents(/p/a.jpg): failed to open stream: No such file or directory in C: xampp htdocs 1 a b Docs p.php on line 5

Answer 1

The protocol blob or Object-Urls can only be generated by browser and these URL's can only be accessed/managed in the same instance/session of browser, that spawned them.

Therefore, it is evident that PHP does not have access to URL maid.

On the other hand, you can send the file created by the library xkeshi/image-compressor via ajax (XMLHttpRequest).

See the example on manual:

new ImageCompressor(file, {
    quality: .6,
    success(result) {
        const formData = new FormData();

        formData.append('file', result, result.name);

        // Envia a imagem comprimida ao servidor usando XMLHttpRequest.
        axios.post('/path/to/upload', formData).then(() => {
            console.log('Upload success');
        });
    },
    error(e) {
        console.log(e.message);
    },
});

Once this is done, just save the uploaded file to PHP in a similar way to saving a normal upload.

Upload a file with AJAX

POST METHOD uploads