How to grab the uploaded file from charles network utility

在使用 Charles 网络工具进行文件上传抓包的过程中，能够有效地监控到 HTTP 或 HTTPS 请求，进而分析其中的文件上传细节。下面将详细介绍如何捕获上传文件的步骤：

1. 下载并安装 Charles: 首先，确保你的电脑上安装了 Charles 网络抓包工具。可以从官网 https://www.charlesproxy.com/ 下载。

2. 运行 Charles: 启动 Charles，它将自动开始捕捉网络流量。如果是首次使用，可能需要在网络设置中配置代理，以确保所有网络流量都通过 Charles 进行传输。

3. 配置 SSL 代理设置: 由于大多数上传操作是通过 HTTPS 进行的，你需要在 Charles 中启用 SSL 代理功能。进入 Proxy > SSL Proxying Settings，并添加需要监控的网站地址和端口，通常是 * 和 443。

4. 执行文件上传操作: 在你的应用中执行文件上传的操作。确保 Charles 正在运行，并且正确配置了代理设置。

5. 分析请求: 在 Charles 的主界面中，查找到对应的文件上传请求。这通常显示为 POST 请求。点击这个请求，然后选择 Contents 标签页。在这里，你可以看到请求的详细内容，包括上传的文件数据。

6. 查看和保存上传文件: 如果需要查看或保存上传的文件，可以在 Contents 标签下找到 MIME 类型为 multipart/form-data 的部分，这通常包含了文件内容。你可以直接从这里复制文件内容，或使用 Charles 的导出功能将请求保存下来。

7. 调试和修改请求: 如果你的目的是测试或调试文件上传功能，Charles 还提供了修改和重发请求的功能。通过右键点击请求并选择 Repeat，可以修改请求参数后重新发送。

实例操作：

假设你正在测试一个网页，用户可以从中上传图片。通过上述设置后，当你选择文件并提交表单时，Charles 会捕获到一个 POST 请求。在这个请求中，你可以查看到请求头、请求体以及包含的文件数据。这可以帮助你验证上传功能是否正常工作，或者文件是否在上传过程中被正确处理。

通过这种方式，Charles 成为了一个非常有力的工具，用于开发和调试网络应用中的文件上传功能。