代码拉取完成，页面将自动刷新
该仓库为 Upload Tool 配套的 Web 工程，并且考虑到从事嵌入式开发的朋友大多对于前端技术不是很熟悉，因此在网页源码中没有使用任何框架，完全使用原生 html+js+css 实现【除了打包工具，该工具只是为了将多个文件合并成一个文件】，便于理解和修改。
c_file 目录下的 upload_page.c 为当前最新的源码生成的数组，可以直接将其加到嵌入式项目中使用。
该例程目前支持以下功能：
前端通过 handshake 交互得到后端返回的版本号，并且会将版本号信息显示在面板的 Device Version 一栏。
使用固件上传功能时面板上的 Type 选择 firmware，Path 保持默认，点击 choose firmware 选择 后端支持的升级固件，选择成功后面板会显示固件名和固件大小，并且将原本禁用的UPLOAD按钮启用。
点击UPLOAD按钮开始上传固件，按钮会以进度条的样式显示上传进度，等待上传成功后按钮变为绿色并且浏览器会提示firmware uploading success，此时标志固件上传成功，同时后端应开始进行固件升级操作。
使用文件上传功能时面板上的Type 选择 file，点击 choose file 选择待上传的文件，同时可以在Path输入框中输入想要上传到的根目录，若不修改则默认根目录为 / 目录，假设输入/data则会将文件传输到/data/目录下。
文件选择成功后同样在面板会显示文件的基本信息，同时会在基本信息下多一个文件描述列表，在这个列表中会显示即将上传到后端的文件的绝对路径。
上传操作与固件上传相同，点击UPLOAD按钮后开始上传，等待上传成功后会有对应的提示。若开启了文件校验功能，则在上传成功后还会对上传的文件进行校验，并将结果显示在文件描述列表的文件绝对路径后面。
使用文件夹上传功能时面板上的Type选择directory,面板中的File Name和File Size会变为File Count和Directory Size,分别表示文件夹中包含的文件数量以及总大小。其他操作与文件上传相同。点击Choose directory按钮后选择待上传的文件夹，在文件描述列表中会列举所有文件夹中所有文件的信息。点击上传即可将文件夹上传到后端。
若后端支持存储器容量显示则在面板中会显示存储器容量信息，该功能不仅支持单个存储器容量的显示，在后端支持的情况下还可以显示多个存储器容量。
使用存储器清空功能时首先需点击CLEAN DISK按钮，此时浏览器会弹出确认提示框，清空存储器会清楚里面所有的数据，所以为了避免误操作，用户还需输入存储器的名字点确定才能真正执行清空操作。在此存储器名及面板中存储器容量状态栏中显示的存储器名。
输入存储器名后点确认并等待一段时间，后端清空结束后浏览器会弹出 clean [存储器名] success 的字样，标志着清空的成功。
在后端支持该功能的情况下，每次文件上传完成都会自动进行一次文件校验，校验成功后文件描述栏会有success字样。同时用户也可以自行选择想要校验的文件，通过Path输入框将路径调整为后端文件的路径，并点击CHECK FILES按钮进行校验，同样校验成功会有success字样，若校验失败则会对校验失败的文件显示error。校验失败代表着后端对应文件和在浏览器中选择的文件信息不相同，或后端不存在该文件，用户可以根据实际情况进行文件的重传。
输入以下命令进行所有依赖包的安装。
yarn install
输入以下命令开启本地服务器环境，调试网页源码。
yarn serve
输入以下命令对工程进行编译
yarn build
工程编译完成后会在 dist 目录下生成打包后的index.html文件，该文件是整合了css和js并且压缩后的文件，可直接使用。
注：以上命令都需要在项目根目录下打开控制台输入。需要 nodejs 环境以及 yarn 工具。
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。