如何在Chrome调试器中使用enctype =“multipart / form-data”查看表单数据

Question

我正在尝试在Chrome Debugger中可视化表单数据。数据通过加载文件并发送一些文本发送。像这样的东西：

<form action="url" enctype="multipart/form-data" method="post">
     <input type="file" name="file"> <br>
     <input type="text" name="some_text">
</form>

如果我使用开发工具探索POST请求的标题，我看不到表单数据部分，但我发现：

Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryXGBFWL5ab6g5XoFN

根据this post，这是一种用于隔离数据的分隔符。但是，我没有看到有关提交数据的任何其他信息。

如何在Chrome Debugger中查看有关qazxsw poi字段的实际数据。

Answer 1

只需查看chrome dev工具的“网络”标签中的“标题”标签，即可显示输入的数据（Chrome版本73）：

some_text

请记住，为了使请求显示在“网络”选项卡中，您必须在请求发生之前打开chrome devtools。