Javascript Captcha Solver

In this updated example, we're adding form variables to the FormData object along with the image attachment. These variables will be included in the POST request to the server.

The server should be set up to expect these variables in addition to the image data. Once we receive the response from the server, we parse it as text using the .text() method, just like in other examples:

// Base64-encoded representation of the image you want to upload
const imageBase64 = "data:image/png;base64,iVBORw0KG...";
// Other form variables
const name = "John Doe";
const email = "johndoe@example.com";

// Set up the form data with the image and other variables attached
const formData = new FormData();
formData.append("pict", dataURItoBlob(imageBase64), "image.png");

// Make the HTTP request using the Fetch API
fetch("http://127.0.0.1:80", {
  method: "POST",
  body: formData
})
.then(response => {
  // Parse the response as text
  return response.text();
})
.then(text => {
  console.log("Response:", text);
})
.catch(error => {
  console.error("Error:", error);
});

// Helper function to convert a data URI to a Blob object
function dataURItoBlob(dataURI) {
  const byteString = atob(dataURI.split(",")[1]);
  const mimeString = dataURI.split(",")[0].split(":")[1].split(";")[0];
  const ab = new ArrayBuffer(byteString.length);
  const ia = new Uint8Array(ab);
  for (let i = 0; i < byteString.length; i++) {
    ia[i] = byteString.charCodeAt(i);
  }
  return new Blob([ab], { type: mimeString });
}