将图片上传到API

时间:2019-05-08 09:08:03

标签: reactjs

我想将图像上传到有对象名称的API。像这样:

[ 
  {
    "Name": "0417BlogTop.png",
    "Description": null,
    "FileName": "" 
  } 
]

您是否有有关如何将图像名称推送到对象“名称”的示例?我一直在尝试使用FormData并添加 formData.append('')。 什么都没有。它什么也没发送。

2 个答案:

答案 0 :(得分:0)

JSON对象仅包含小型数据结构,这些结构可以是字符串,数组,数字,布尔值等。如果要将图像通过API上传到服务器,建议您查看this post。它可以让您了解通过API上传图像的不同方法

答案 1 :(得分:0)

感谢您的所有答案!我通过使用程序“邮递员”首先检查了请求是否正常,从而解决了问题。邮递员还有一条建议代码,可用于上传文件。我将添加示例代码:

var form = new FormData();
form.append("", "url");

var settings = {
  "async": true,
  "crossDomain": true,
  "url": "http://localhost:61870/colorprofile",
  "method": "POST",
  "headers": {
    "cache-control": "no-cache",
    "Postman-Token": "504be690-da5e-4b73-ba25-cb6fcf042f37"
  },
  "processData": false,
  "contentType": false,
  "mimeType": "multipart/form-data",
  "data": form
}

$.ajax(settings).done(function (response) {
  console.log(response);
});