然后检索 POST 一张照片到 Foursquare Checkin with Axios

Question

我正在尝试检索，然后 POST JPEG 图像到 Foursquare 的 https://api.foursquare.com/v2/photos/add endpoint using Axios 节点。我用 Axios（和 Postman）尝试了一些方法，但总是收到相同的错误响应 Missing file upload:

{
  "meta": {
    "code": 400,
    "errorType": "other",
    "errorDetail": "Missing file upload",
    "requestId": "NNNNNNNNNNNNNNNNNNNNN"  // not the true requestId
  },
  "notifications": [
    {
      "type": "notificationTray",
      "item": {
        "unreadCount": 0
      }
    }
  ],
  "response": {}
}

图像是使用 Google 静态地图 API 创建的，并使用 Axios GET 请求检索：

const image = await axios.get(imageURL, {
  responseType: "arraybuffer"
});

它被包装在一个 async 函数中并成功地 returns 一个缓冲区。数据读入一个Buffer并转换为字符串：

const imageData = new Buffer(image, "binary").toString();

Here's an example imageData string。我也试过将字符串转换为 base64。

此字符串然后 POSTed 到 Foursquare 端点：

const postPhoto = await axios.post(
  "https://developer.foursquare.com/docs/api/photos/add?
    checkinId=1234&
    oauth_token=[TOKEN]&
    v=YYYYMMDD",
  imageData,
  {
    headers: { "Content-Type": "image/jpeg" }
  }
);

其中 checkinId、oauth_token 和 v 参数均有效。

我尝试了不同的 Content-Type 值，base64 编码 imageData 以及在论坛和 SO 上找到的其他几种解决方案（大多数已有数年历史），但没有作品。响应 errorDetail 始终显示 Missing file upload。

问题可能在于 POST 请求的结构，但我也可能 requesting/handling 图像数据不正确。第二（或第三或第四）双眼睛来检查我是否将其放在一起会非常有帮助。

Answer 1

哇，我终于解决了这个问题。

我最终能够通过提供一些提示的 Postman 使其正常工作。这是使用 request:

的 Postman 代码片段

var fs = require("fs");
var request = require("request");

var options = { method: 'POST',
  url: 'https://api.foursquare.com/v2/photos/add',
  qs: 
   { checkinId: [MY CHECKING ID],
     public: '1',
     oauth_token: [MY OAUTH TOKEN],
     v: [MY VERSION] },
  headers: 
   { 'postman-token': '8ce14473-b457-7f1a-eae2-ba384e99b983',
     'cache-control': 'no-cache',
     'content-type': 'multipart/form-data; boundary=----    WebKitFormBoundary7MA4YWxkTrZu0gW' },
  formData: 
   { file: 
      { value: 'fs.createReadStream("testimage.jpg")',
        options: { 
          filename: 'testimage.jpg', 
          contentType: null 
        } 
      } 
    } 
  };

request(options, function (error, response, body) {
  if (error) throw new Error(error);

  console.log(body);
});

其中的关键部分是 fs.createReadStream()。我之前遗漏的部分是将图像作为流传递给请求。

使用这个我能够弄清楚 Axios 请求：

const axios = require("axios");
const querystring = require("qs");
const FormData = require("form-data");

const getImageStream = async function(url) {
  return await axios
    .get(url, {
      responseType: "stream"
    })
    .then(response => response.data);
};

let form = new FormData();
form.append("file", getImageStream([IMAGE URL]));

const requestURL = "https://api.foursquare.com/v2/photos/add";
const requestParams = {
  checkinId: [MY CHECKIN ID],
  public: 1,
  oauth_token: [MY OAUTH TOKEN],
  v: [MY VERSION]
};
const requestConfig = {
  headers: form.getHeaders()
};

try {
  const postPhoto = await axios.post(
    requestURL + "?" + querystring.stringify(requestParams),
    form,
    requestConfig
  );

  return postPhoto;
} catch (e) {
  console.error(e.response);
}

瞧，请求成功，图像已发布到 Foursquare 签到。

然后检索 POST 一张照片到 Foursquare Checkin with Axios

Retrieve then POST a photo to a Foursquare Checkin with Axios

javascript

foursquare

axios