I've been facing an issue where I try to save an image into a folder in my project, but the saved file appears corrupted and cannot be viewed or opened.
Here's how I'm handling it: First, I receive the image through a form where I capture the base64 code after selection. When I submit the post, I use the following code:
var selectFotoAdjunta = document.getElementById("fotoAdjunta__url_val"); var selectedFotoAdjunta = selectFotoAdjunta.src; var selectedEncodedFotoAdjunta = encodeURIComponent(selectedFotoAdjunta);Then, I pass this variable via the post system:
var $form = $( this ), $submit = $form.find( 'button[type="submit"]' ), fotoadjunta_value = selectedEncodedFotoAdjunta, url = $form.attr('action');var posting = $.post( url, {
foto: fotoadjunta_value,
});
Next, I navigate to the PHP code designated for processing the form submission which seems to be functioning correctly initially.
The base64 code looks something like this: "data%3Aimage%2Fjpeg%3Bbase64%2CiVBORw0KGgoAAAANS..." The complete base64 encoded image can be found here:
$extension = "jpeg";
if (!empty($foto)){
$base64img = rawurldecode($foto);
if (str_contains($base64img, 'data:image/jpeg')) {
$extension = "jpeg";
$base64img = str_replace('data:image/jpeg;base64,', "", $base64img);
} else if (str_contains($base64img, 'data:image/jpg')) {
$extension = "jpg";
$base64img = str_replace('data:image/jpg;base64,', "", $base64img);
} else if (str_contains($base64img, 'data:image/png')) {
$extension = "png";
$base64img = str_replace('data:image/png;base64,', "", $base64img);
}
$filename = '../Imagenes/temp_viajes.'.$extension;
$fpc = file_put_contents($filename, $base64img);
if ($fpc) { echo 'Image uploaded correctly'; }
}
However, when I check the folder where the image should be saved, I'm greeted with this result:
I also attempted using the base64_decode function instead of rawurldecode, but unfortunately encountered the same problem. Could someone offer assistance on this matter? I am stumped as to why this is happening.
My efforts to download the image into a local folder have not been successful so far.