Upload a baseline JPEG image up to 64K.
37 | Images larger than the LCD will be scaled down.
Image Dimensions: %IMAGESIZE%
40 |After clicking upload it will take some time for the file to upload,
41 | there is no indicator that the upload began. Please be patient.
Once uploaded the page will refresh and image information will be displayed.
43 | 44 | 45 | )rawliteral"; 46 | 47 | // configuration structure 48 | struct Config { 49 | String ssid; // wifi ssid 50 | String wifipassword; // wifi password 51 | int webserverporthttp; // http port number for web admin 52 | }; 53 | 54 | // variables 55 | Config config; // configuration 56 | AsyncWebServer *server; // initialise webserver 57 | 58 | // 59 | // This callback function draws the pixels as they're decoded 60 | // Each block of pixels is 1 MCU tall (8 or 16 pixels) and a variable 61 | // number of MCUs wide. 62 | // 63 | int JPEGDraw(JPEGDRAW *pDraw) 64 | { 65 | lcd.setAddrWindow(pDraw->x, pDraw->y, pDraw->iWidth, pDraw->iHeight); 66 | lcd.pushPixels((uint16_t *)pDraw->pPixels, pDraw->iWidth * pDraw->iHeight); 67 | return 1; 68 | } /* JPEGDraw() */ 69 | 70 | // Read the file info and decode it to the LCD 71 | void DisplayFile(void) 72 | { 73 | int options = 0, xoff, yoff, w, h; 74 | if (jpg.openRAM(pBuffer, iFileSize, JPEGDraw)) { // pass the data and its size 75 | jpg.setPixelType(RGB565_BIG_ENDIAN); // bb_spi_lcd uses big-endian RGB565 pixels 76 | // if the image is smaller than the LCD dimensions, center it 77 | w = iWidth = jpg.getWidth(); 78 | h = iHeight = jpg.getHeight(); 79 | if (w > lcd.width() || h > lcd.height()) { // try to scale it to fit the LCD 80 | if (w > lcd.width() * 4 || h > lcd.height() * 4) { 81 | options = JPEG_SCALE_EIGHTH; 82 | w = iWidth/8; h = iHeight/8; 83 | } else if (w > lcd.width() * 2 || h > lcd.height() * 2) { 84 | options = JPEG_SCALE_QUARTER; 85 | w = iWidth / 4; h = iHeight / 4; 86 | } else { 87 | options = JPEG_SCALE_HALF; 88 | w = iWidth / 2; h = iHeight / 2; 89 | } 90 | } 91 | xoff = (lcd.width() - w)/2; 92 | yoff = (lcd.height() - h)/2; 93 | if (xoff < 0) xoff = 0; 94 | if (yoff < 0) yoff = 0; 95 | lcd.fillScreen(TFT_BLACK); 96 | jpg.decode(xoff,yoff, options); // center the image and no extra options (e.g. scaling) 97 | } else { 98 | lcd.println("Error opening JPEG!"); 99 | } 100 | } /* DisplayFile() */ 101 | 102 | void configureWebServer() { 103 | server->on("/", HTTP_GET, [](AsyncWebServerRequest * request) { 104 | // String logmessage = "Client:" + request->client()->remoteIP().toString() + + " " + request->url(); 105 | // lcd.println(logmessage); 106 | request->send_P(200, "text/html", index_html, processor); 107 | }); 108 | 109 | // run handleUpload function when any file is uploaded 110 | server->on("/upload", HTTP_POST, [](AsyncWebServerRequest *request) { 111 | request->send(200); 112 | }, handleUpload); 113 | } /* configureWebServer() */ 114 | 115 | // handles jpeg file uploads 116 | void handleUpload(AsyncWebServerRequest *request, String filename, size_t index, uint8_t *data, size_t len, bool final) { 117 | if (len) { 118 | if (index+len <= MAX_FILE_SIZE) { 119 | memcpy(&pBuffer[index], data, len); 120 | } 121 | iFileSize = index+len; 122 | } 123 | if (final) { // last chunk 124 | // lcd.print("Upload complete\n"); 125 | if (iFileSize <= MAX_FILE_SIZE) { // we were able to hold the complete file in memory 126 | DisplayFile(); 127 | request->redirect("/"); 128 | } else { // we had to abandon the upload, after exceeding our buffer size 129 | lcd.setCursor(0,0); 130 | lcd.println("File too large!"); 131 | } 132 | } 133 | } /* handleUpload() */ 134 | 135 | // Process info requests from our one variable element 136 | String processor(const String& var) { 137 | char szTemp[128]; 138 | 139 | if (var == "IMAGESIZE") { 140 | sprintf(szTemp, "%d x %d, %d bytes", iWidth, iHeight, iFileSize); 141 | return String(szTemp); 142 | } 143 | return String(); 144 | } /* processor() */ 145 | 146 | void setup() { 147 | lcd.begin(DISPLAY_CYD_2USB); // Set this to your display type 148 | lcd.fillScreen(TFT_BLACK); 149 | lcd.setTextColor(TFT_GREEN); 150 | lcd.setFont(FONT_12x16); 151 | iFileSize = 0; // no image loaded 152 | lcd.println("Booting ..."); 153 | pBuffer = (uint8_t *)malloc(MAX_FILE_SIZE); // allow up to 64k JPEG 154 | if (!pBuffer) { 155 | lcd.println("malloc failed!"); 156 | while (1) {}; 157 | } 158 | config.ssid = default_ssid; 159 | config.wifipassword = default_wifipassword; 160 | config.webserverporthttp = 80; 161 | 162 | lcd.print("Connecting to Wifi: "); 163 | WiFi.begin(config.ssid.c_str(), config.wifipassword.c_str()); 164 | while (WiFi.status() != WL_CONNECTED) { 165 | delay(500); 166 | lcd.print("."); 167 | } 168 | lcd.print("\nServer IP: "); 169 | lcd.println(WiFi.localIP()); 170 | 171 | // configure web server 172 | server = new AsyncWebServer(config.webserverporthttp); 173 | configureWebServer(); 174 | 175 | // startup web server 176 | lcd.println("Starting Webserver"); 177 | server->begin(); 178 | } /* setup() */ 179 | 180 | // once the server starts, there's nothing to do here 181 | void loop() { 182 | } 183 | --------------------------------------------------------------------------------