python request包上传图片文件name不叫file_html 上传文件


介绍

本 ESP32 MicroPython 教程的目的是解释如何在 picoweb 应用程序上从 MicroPython 文件系统中提供 html 内容。您可以检查如何在 esp32 上安装 picoweb, 以及如何在上一篇文章:ESP32 MicroPython教程:更改Picoweb路由的HTTP响应内容类型中开始使用它。如果您以前了解 picoweb 的工作原理, 则本教程将更易于遵循。

有关如何使用 MicroPython 从文件系统中读取文件的说明,

本教程的成功执行假定 esp32 以前已连接到 wifi 网络, 因此我们以后可以使用 web 浏览器发出请求。

测试是使用 micropython ide upycaft 进行的。您可以在前面的帖子:ESP32 MicroPython教程:uPyCraft IDE入门中检查如何使用 upycaft。请注意, uPyCraft 大大简化了运行脚本的过程, 在我们的示例中, 还大大简化了将文件上载到文件系统的过程。

作为开发平台, 测试是在 dfrobot 的esp-wroom-32设备上进行的, 该设备集成在FireBeetle ESP32物联网微控制器上。

HTML代码

如介绍部分所述,我们将通过MicroPython文件系统中的文件提供一些HTML内容。因此,我们将创建一个非常简单的文件,将其命名为tables.html(您也可以根据自己的喜好命名,只要在以下内容中使用正确的名称即可)并添加一些简单的HTML来呈现一个表格。

请注意,这只是一些非常基本的HTML代码,因此,为简单起见,我们没有遵守所有的HTML文档规范。


<table>[/backcolor][/align]  <tr>
    <th>sensor</th>
    <th>value</th>
    <th>timestamp</th>
  </tr>
  <tr>
    <td>temperature</td>
    <td>10</td>
    <td>10:00</td>
  </tr>
  <tr>
    <td>temperature</td>
    <td>11</td>
    <td>11:00</td>
  </tr>
  <tr>
    <td>luminosity</td>
    <td>11</td>
    <td>11:00</td>
  </tr> 
</table>


请注意,如果您使用的是uPyCraft,则可以像上传脚本一样上传HTML文件。唯一的区别是,uPyCraft在文件上传后不会尝试运行它。在上传之前保存文件时,请不要忘记使用正确的.html扩展名。

MicroPython代码

我们将从导入Picoweb模块开始编写代码。随后,像往常一样,我们将创建一个app实例,以一个字符串作为函数的输入参数,这个字符串就是我们对这个app的命名。


import picoweb
app = picoweb.WebApp("app")


为简单起见,我们将设置一条路由来提供HTML内容。我们将使用索引路由,它对应于“/”。在处理函数中,我们将调用start_response方法,将接收的StreamWriter对象作为路由处理函数的第二个输入参数。

虽然这是默认值,但我们要将content-type参数指定为“text/html”,因为这是我们要提供的内容类型。关于如何指定Picoweb app响应内容类型(content-type)的信息,请参阅此前教程:ESP32 MicroPython教程:更改Picoweb路由的HTTP响应内容类型。


@app.route("/")
def index(req, resp):
    yield from picoweb.start_response(resp, content_type = "text/html")
    (...)


接下来,我们将调用open函数并以读取模式打开文件,该函数以文件名和读取模式为输入参数。文件名应使用我们之前上传的HTML文件的名称,在这个示例中,文件名为tables.html。为了指定打开方式为读取模式,我们将open函数的第二个参数设置为‘r’。


htmlFile = open('tables.html', 'r')


然后,我们将开始逐行读取文件系统中的这个文件。对于每一行,我们将调用路由处理函数接收的StreamWriter对象的awrite方法,将每行内容发送到客户端。


for line in htmlFile:[/backcolor][/align]      yield from resp.awrite(line)


最后,我们将调用run方法来启动我们的app,将连接到WiFi网络时获得的IP地址作为其输入参数。包含run方法调用在内的完整代码如下所示。


import picoweb
app = picoweb.WebApp("app")
@app.route("/")
def index(req, resp):
    yield from picoweb.start_response(resp, content_type = "text/html")
    htmlFile = open('tables.html', 'r')
    for line in htmlFile:
      yield from resp.awrite(line)
app.run(debug=True, host = "192.168.1.87")


python request包上传图片文件name不叫file_html_02

图1 - 访问索引路由的结果,显示文件系统中文件的HTML内容