javascript - 如何将 html 表单发布请求翻译成 Postman

Question

所以我得到了这个简单的 HTML 表单

<form action="upload.php" method="post" enctype="multipart/form-data">
  Select image to upload:
  <input type="file" name="fileToUpload" id="fileToUpload">
  <input type="submit" value="Upload Image" name="submit">
</form>

看起来像这样

这允许我上传图像并将其发布到由“upload.php”脚本处理的服务器。

upload.php看起来像这样

<?php
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));

// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
  $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
  if($check !== false) {
    echo "File is an image - " . $check["mime"] . ".";
    $uploadOk = 1;
  } else {
    echo "File is not an image.";
    $uploadOk = 0;
  }
}

我想使用 Postman 手动发送这些 post 请求，但我不知道如何在 postman 中发出正确的请求。

到目前为止，我已经尝试过这样

但是 PHP 脚本无法识别$_FILES["fileToUpload"]

我希望有人能告诉/解释我如何使用Postman，所以发送一个可以由这个 PHP 脚本处理的发布请求。

如果有可能做到这一点，但在 JavaScript 中，我很想知道。

周末愉快 ：）

标签： javascriptphphtmlpostman

Answer 1

在浏览器（Chrome 或 Firefox）上打开您的表单。

打开开发工具 (F12) 并转到网络选项卡。

提交您的表格。您应该在网络选项卡中看到您的请求。

右键单击请求并选择Copy/ Copy as cURL (bash)

打开 Postman，单击Import，选择Raw text并粘贴剪贴板中从 Chrome 复制的内容。

单击Continue，在 Postman 中您将收到请求。