JPG from url

[DavidAntonin]

Hello,
it is possible to load JPG image from url and display it on TFT?
Thanks
David

[cos-it-is]

Yes - I am doing just that: void displayJPEG(const String& comment) {
if (!FlashFS.begin()) {
Serial.println("An error occurred while mounting FlashFS");
return;
}

if (FlashFS.exists("/temp.jpg")) {
Serial.println("Removing existing temporary file");
FlashFS.remove("/temp.jpg");
}
// Render the image
gfx->fillScreen(BLACK); // Clear the screen
delay(10);
digitalWrite(TFT_BL, LOW);
delay(10);
bool downloaded = getFile(comment, "/temp.jpg", FlashFS);

if (downloaded) {
uint16_t imageWidth, imageHeight;

TJpgDec.setCallback(tftOutput);
TJpgDec.setSwapBytes(false);

// Get the dimensions of the image
TJpgDec.getFsJpgSize(&imageWidth, &imageHeight, "/temp.jpg", FlashFS);

// Check if the image fits within the screen size
if (imageWidth <= gfx->width() && imageHeight <= gfx->height()) {
  // If the image fits, calculate starting x and y coordinates to center the image
  int16_t startX = (gfx->width() - imageWidth) / 2;
  int16_t startY = (gfx->height() - imageHeight) / 2;


  digitalWrite(TFT_BL, HIGH);
  if (TJpgDec.drawFsJpg(startX, startY, "/temp.jpg", FlashFS)) {
    Serial.println("JPEG image displayed");
  } else {
    Serial.println("Failed to display the JPEG image");
  }
} else {
  // If the image does not fit, scale it
  int scaleFactor = min((float)gfx->width() / imageWidth, (float)gfx->height() / imageHeight);

  TJpgDec.setJpgScale(scaleFactor);

  // Calculate the scaled dimensions
  uint16_t scaledWidth = imageWidth * scaleFactor;
  uint16_t scaledHeight = imageHeight * scaleFactor;

  // Calculate starting x and y coordinates to center the image
  int16_t startX = (gfx->width() - scaledWidth) / 2;
  int16_t startY = (gfx->height() - scaledHeight) / 2;


  if (TJpgDec.drawFsJpg(startX, startY, "/temp.jpg", FlashFS)) {
    Serial.println("JPEG image displayed");
  } else {
    Serial.println("Failed to display the JPEG image");
  }
}

if (FlashFS.remove("/temp.jpg")) {
  Serial.println("Temporary file removed");
} else {
  Serial.println("Failed to remove temporary file");
}

} else {
Serial.println("Failed to download image");
}

FlashFS.end();
}

---

Getting the file:

bool getFile(const String& url, const char* fileName, fs::FS& fs = FlashFS) {
Serial.print("[HTTP] begin...\n");
http.begin(url);
Serial.print("[HTTP] GET...\n");
int httpCode = http.GET();

if (httpCode > 0) {
Serial.printf("[HTTP] GET... code: %d\n", httpCode);
if (httpCode == HTTP_CODE_OK) {
int fileSize = http.getSize();
int maxFileSize = 200 * 1024; // 200KB - include in options
if (fileSize <= maxFileSize) {
File f = fs.open(fileName, FILE_WRITE);
if (f) {
int bytesWritten = http.writeToStream(&f);
f.close();
Serial.printf("[HTTP] Bytes downloaded and saved: %d\n", bytesWritten);
http.end();
return true;
}
} else {
Serial.println("File size is larger than 100KB. Skipping download.");
gfx->fillScreen(WHITE);
gfx->setTextColor(BLACK);
gfx->setCursor(30, 30);
gfx->setTextSize(2);
gfx->println("Error: File size is too big");
delay(2000);
// Clear the files from FlashFS (if necessary)
File root = FlashFS.open("/");
if (root) {
File file = root.openNextFile();
while (file) {
Serial.print("Removing file");
Serial.println(file.name());
FlashFS.remove(file.name());
file = root.openNextFile();
}
}
}
}
} else {
Serial.printf("[HTTP] GET... failed, error: %s\n", http.errorToString(httpCode).c_str());
}

http.end();
return false;
}