CORS for Images

[avi_shor]

binary data doesnt seem to work so well. all the images are the same size yet the list length is always different.

https://image.pollinations.ai/prompt/only%20white%20pixels%20solid

input that

[avi_shor]

@dardoro

But to get "raw" pixels array further processing is required...

can you think of any way to do it within snap or from a glitch project

[dardoro]

Using a Base64 encoder Decode and Encode a Base64 string - #6 by cymplecy to create data URL

Slow and may require CORS proxy ...

[avi_shor]

so do you think the best way is using glitch

[avi_shor]

did it!!!

function doGet(e) {
  const prompt = e.parameter.prompt;
  if (!prompt) {
    return ContentService.createTextOutput("Please provide a 'prompt' parameter in the URL.");
  }

  const imageUrl = `https://image.pollinations.ai/prompt/${encodeURIComponent(prompt)}`;

  try {
    // Log the image URL for debugging
    Logger.log("Generated image URL: " + imageUrl);

    // Fetch the image as a Blob
    const response = UrlFetchApp.fetch(imageUrl, { muteHttpExceptions: true });

    // Check for valid response
    if (response.getResponseCode() !== 200) {
      Logger.log("Failed to fetch image. Response code: " + response.getResponseCode());
      return ContentService.createTextOutput("Failed to fetch the image. Please check the API or prompt.");
    }

    const imageBlob = response.getBlob();
    Logger.log("Image fetched successfully.");

    // Convert the image to Base64
    const base64Image = Utilities.base64Encode(imageBlob.getBytes());
    Logger.log("Base64-encoded image: " + base64Image.substring(0, 100) + "..."); // Log a short preview of base64

    // Return the base64 string as the response
    return ContentService.createTextOutput(base64Image).setMimeType(ContentService.MimeType.TEXT);
    
  } catch (error) {
    Logger.log("Error: " + error.message);
    return ContentService.createTextOutput("Failed to generate or fetch the image.");
  }
}