arduino的开发环境，使用esp8266或esp32通过tft1.3寸屏TFT_eSPI库显示图片。要求图片来源qtml网页端上传。其他都使用常用库来实现的，请分别写出详细代码。

这个问题需要分为两个部分来回答，一个是如何在网页端上传图片，另一个是如何在 ESP8266 或 ESP32 上使用 TFT_eSPI 库显示上传的图片。

1. 网页端上传图片

在网页端上传图片，我们可以使用 HTML5 中的 FileReader API 和 FormData API。具体实现如下：

HTML 部分：

<form>
  <input type="file" id="upload-input">
  <button type="button" onclick="upload()">上传</button>
</form>

JavaScript 部分：

function upload() {
  var file = document.getElementById("upload-input").files[0];
  var formData = new FormData();
  formData.append("file", file);

  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/upload");
  xhr.send(formData);
}

在这个例子中，我们创建了一个表单，其中包含一个文件输入框和一个上传按钮。在上传按钮被点击时，我们使用 JavaScript 获取文件对象并将其添加到 FormData 对象中，然后使用 XMLHttpRequest 对象向服务器发送请求。在服务器端，我们可以通过解析请求体来获取上传的文件。

2. 使用 TFT_eSPI 库显示上传的图片

在 ESP8266 或 ESP32 上使用 TFT_eSPI 库显示上传的图片，我们需要先将上传的图片保存到 SPIFFS 文件系统中，然后再使用 TFT_eSPI 库加载并显示图片。具体实现如下：

#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
#include <FS.h>
#include <TFT_eSPI.h>

// WiFi 配置
const char* ssid = "your-ssid";
const char* password = "your-password";

// TFT_eSPI 配置
TFT_eSPI tft = TFT_eSPI();

// Web 服务器配置
ESP8266WebServer server(80);

void setup() {
  // 初始化串口
  Serial.begin(115200);

  // 连接 WiFi
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {
    delay(1000);
    Serial.println("Connecting to WiFi...");
  }
  Serial.println("Connected to WiFi");

  // 初始化 SPIFFS
  if (!SPIFFS.begin()) {
    Serial.println("Failed to initialize SPIFFS");
    return;
  }

  // 初始化 TFT_eSPI
  tft.begin();

  // 设置 Web 服务器路由
  server.on("/upload", HTTP_POST, handleUpload);
  server.onNotFound(handleNotFound);

  // 启动 Web 服务器
  server.begin();
  Serial.println("Web server started");
}

void loop() {
  // 处理 Web 服务器请求
  server.handleClient();
}

void handleUpload() {
  // 获取上传的文件
  HTTPUpload& upload = server.upload();

  // 如果上传的是文件
  if (upload.status == UPLOAD_FILE_START) {
    Serial.print("Uploading file: ");
    Serial.println(upload.filename);

    // 打开文件并清空内容
    File file = SPIFFS.open(upload.filename, "w");
    if (!file) {
      Serial.println("Failed to open file");
      return;
    }
    file.close();
  } else if (upload.status == UPLOAD_FILE_WRITE) {
    // 如果正在上传文件，将数据写入文件
    File file = SPIFFS.open(upload.filename, "a");
    if (!file) {
      Serial.println("Failed to open file");
      return;
    }
    file.write(upload.buf, upload.currentSize);
    file.close();
  } else if (upload.status == UPLOAD_FILE_END) {
    // 如果文件上传完成，显示图片
    Serial.println("File uploaded");

    // 加载图片并显示
    File file = SPIFFS.open(upload.filename, "r");
    if (!file) {
      Serial.println("Failed to open file");
      return;
    }
    tft.loadImage(upload.filename, file);
    file.close();
  }
}

void handleNotFound() {
  server.send(404, "text/plain", "Not found");
}

在这个例子中，我们首先连接 WiFi 并初始化 SPIFFS 和 TFT_eSPI 库。然后，我们设置了 Web 服务器的路由并启动了服务器。当服务器收到上传文件的请求时，我们将上传的文件保存到 SPIFFS 文件系统中，并使用 TFT_eSPI 库加载并显示图片。