How do I upload file image

if (isset($_POST['Canvas'])) 
	{
		$img1 = $_POST['Canvas'];
                $img1 = str_replace('data:image/jpeg;base64,', '', $img1);
		$img1 = str_replace(' ', '+', $img1);
                $data1 = base64_decode($img1);
                 [...]
                 $success = file_put_contents($file1, $data1);
	}
[/code:39ybmgh9]

Now I have the file in the HTML local blob storage, the canvas preview on my server [b]BUT[/b]
How do I upload the original, uncompressed, file? 

Thank you

	function uploadfilex(url, filename)
	{	
		var uploadfiles = document.querySelector('#imageuploader');
		var file = uploadfiles.files[0];
		file.name = filename;
		
        var xhr = new XMLHttpRequest();
        var fd = new FormData();
        xhr.open("POST", url, true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && xhr.status == 200) {
                // Every thing ok, file uploaded
                console.log(xhr.responseText); // handle response.
            }
        };
        fd.append('upload_file', file);
		fd.append('name', filename);
        xhr.send(fd);
    }
[/code:difjxiww]