reactjs 我在Postman中成功创建了一个项目,但在React中没有,错误消息是:提交的数据不是文件,请检查表单上的编码类型[已关闭]

hmae6n7t  于 2022-11-29  发布在  React
关注(0)|答案(1)|浏览(123)

2天前关闭。
Improve this question
一个月一个月一个月一个月一个月一个月一个月二个月一个月一个月三个月一个月一个月一个月一个月一个月一个月一个月一个月一个月二个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月二个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一个月一
一个月五个月一个月一个月一个月六个月一个月一个月七个月一个月一个月八个月一个月一个月九个月一个月

const navigate = useNavigate();

const addItem = async () => {
    let formField = new FormData();

    formField.append("item", item);
    formField.append("image", image);
    formField.append("price", price);
    formField.append("countryOfOrigin", countryOfOrigin);

    await axios({
      method: "POST",
       url: "localhost:8000/api/products/",
  data: formField
}).then((response) => {
  // console.log(response);
  navigate("/products");
});

};
一个月11个月1个月1个月12个月1个月1个月13个月1个月1个月14个月1个月1个月15个月1个月1个月16个月1个月1个月17个月1个月
一个月18个月1x一个月19个月1x一个月20个月1x一个月21个月1x一个月22个月1x一个月23个月1x一个月24个月1x
一个月25个月一个月一个月一个月26个月一个月一个月一个月27个月一个月一个月一个月28个月一个月一个月一个月29个月一个月一个月一个月30个月一个月一个月三个月一个月一个月
一个月32个月1x一个月33个月1x一个月34个月1x一个月35个月1x一个月36个月1x一个月37个月1x一个月38个月1x
1名39名1名1名40名1名1名41名1名1名42名1名
x一个月43个月1个x一个月44个月1个x一个月45个月1个
1名46个月1个1名47个月1个1名48个月1个1名49个月1个1名50个月1个1名51个月1个1名52个月1个

<div>
    <form className="form">
      <h1 className="title">Ongeza Bidhaa</h1>
      <div class="mb-3">
        <label for="garama" class="form-label">
          Garama
        </label>
        <input
          type="text"
          placeholder="Andika Garama"
          class="form-control"
          id="item"
          value={item}
          onChange={onItemChange}
        />
      </div>
      <div class="mb-3">
        <label for="garama" class="form-label">
          Garama
        </label>
        <input
          type="file"
          placeholder="Ingiza Picha"
          class="form-control"
          id="image"
          value={image}
          onChange={onImageChange}
        />
      </div>
      <div class="mb-3">
        <label for="Bei" class="form-label">
          Pesa
        </label>
        <input
          type="text"
          class="form-control"
          id="price"
          value={price}
          onChange={onPriceChange}
          placeholder="Andika bei"
        />
      </div>
      <div class="mb-3">
        <label for="Bei" class="form-label">
          Pesa
        </label>
        <input
          type="text"
          class="form-control"
          id="country"
          value={countryOfOrigin}
          onChange={onCountryChange}
          placeholder="Andika Inchi"
        />
      </div>
      <button type="submit" onClick={onSubmit} class="btn btn-primary">
        Submit
      </button>
    </form>
  </div>
</div>

x1个月53个月1x个月54个月1x个月
x1米55英寸1x
I successfully created an item using postman. However, I can't create an item using React form. Please Help!!!!

lo8azlld

lo8azlld1#

Axios需要multipart/form-data标题来处理文件上传。

await axios({
    method: "POST",
    url: "localhost:8000/api/products/",
    data: formField,
    headers: { "Content-Type": "multipart/form-data" },
}).then((response) => {
    // console.log(response);
    navigate("/products");
});

相关问题