Untitled

<!doctype html>
<html>
  <head>
    <script type="text/javascript" src="html2canvas.hertzen.com/dist/html2canvas.js"></script>
    <script type="text/javascript" src="code.jquery.com/jquery-3.5.1.min.js"></script>
  </head>
  <body>
    <h1>Take screenshot of webpage with html2canvas</h1>
    <div class="container" id='container' >
    </div><br/>
    <input type='button' id='but_screenshot' value='Take screenshot'><br/>

    <!-- Script -->

     <script type='text/javascript'>
     document.getElementById('but_screenshot').onclick = function() {
        html2canvas(document.body,{background: '#fff'}).then(function(canvas) {

         // Get base64URL
         var base64URL = canvas.toDataURL('image/jpeg').replace('image/jpeg', 'image/octet-stream');
            console.log(base64URL);
         // AJAX request
         $.ajax({
            url: 'https://URL/ajax.php',
            type: 'post',
            data: {image: base64URL},
            success: function(data){
               console.log('Upload successfully');
            }
         });
       });
     }
     </script>
  </body>
</html>