コンテンツ開始

2012年11月19日


HTML(ローカル) を使用して Facebook へ画像をアップロードする

『App ID/API Key』が必要です。以下の client_id のフィールドに API Key をセットして送信すると、Facebook にログインしていない場合は、ログイン画面が表示されるのでそこでログインすると、URL に access_token=アクセストークン の形でセットされているのでそれを取得します。

※ ログイン済の場合は Success と表示されるのでアドレスバーを見ます。

get_login.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
<form action="https://www.facebook.com/dialog/oauth/">
<pre>
<input type="text" name="redirect_uri" value="http://www.facebook.com/connect/login_success.html">
<input type="text" name="response_type" value="token">
<input type="text" name="client_id">
<input type="text" name="scope" value="user_about_me,user_photos,read_stream,publish_stream">
<input type="submit" name="send" value="get login">
</pre>
</form>
</body>
</html>

『アクセストークン』を以下の該当部分( FORM の action の中 )にセットしてブラウザで実行してファイルをアップロードできます(メッセージも同時に投稿できます)

▼ UTF-8N で保存します
file_upload.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Facebook に画像アップロード</title>
</head>
<body>
<form method="post" action="https://graph.facebook.com/me/photos?access_token=アクセストークン" enctype="multipart/form-data">
<pre>
<input type="file" name="source">
<textarea name="message"></textarea>
<input type="submit" name="send" value="file upload">
</pre>
</form>
</body>
</html>





タグ:Facebook
【日記 : インターネットの最新記事】
posted by at 2012-11-19 22:01 | 日記 : インターネット | このブログの読者になる | 更新情報をチェックする
コンテンツ終了
右サイド開始
コンテナ終了 base 終了
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX