javascript - 将图像从另一个域 url 上传到我的服务器

Question

我正在运行 angularjs 和 laravel 并计划将 facebook 上的用户配置文件上传到我的服务器并将其加载到 Canvas 上。

因为在加载其他域并将其更改为 dataUrl 时 Canvas 存在 CORS 问题。

那么在获取 fb 域上的图像 url 以将其上传到我的服务器后，在 facebook 上获取图像数据的最佳方法是什么

Answer 1

首先，您必须从 API 获取个人资料图片 URL。为此，您必须请求 http://graph.facebook.com/v2.5/me?fields=picture，提供您的访问 token 。

它应该返回类似这样的东西:

{
  "picture": {
    "data": {
      "is_silhouette": false,
      "url": "https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpt1/v/t1.0-1/p50x50/picture.jpg"
    }
  },
  "id": "10000userid"
}

所以你必须只得到有趣的部分:

// requesting
$get = file_get_contents('http://graph.facebook.com/v2.5/me?fields=picture&access_token=YOUR_ACCESS_TOKEN_HERE');

// parsing
$get = json_decode($get);

// getting the part you want
$picture_url = $get->picture->data->url;

从 Facebook API 获取图片 URL 后，您只需:

// download it
$download = file_get_contents($picture_url);

// get extension (I'm not sure if Facebook really converts everything to JPEG, I'm not a huge Facebook user)
$extension = strtolower(end(explode(".", $download)));

// save it on your server
file_put_contents('path/to/save.'.$extension, $download);