javascriptでapplication/octet-streamを送信する方法

Question

JavaScript初心者です。

現在作成しているアプリケーションで、画像をバイナリデータに変換し、POSTで送信するというAPIを使用したいと考えています。

＜Docomo 画像認識API＞
https://dev.smt.docomo.ne.jp/?p=docs.api.page&api_name=image_recognition&p_name=api_1#tag01

＜上記URLから抜粋＞
＊リクエストクエリパラメータ
・APIKEY
・recog
・numOfCandidates

＊リクエストボディ
・application/octet-stream形式
・画像データ(バイナリ)

上記URL記載のリファレンスより、クエストクエリパラメータとボディをそれぞれ設定し送信すれば良いという認識ですが、ボディの設定の仕方がわからず困っております。

ボディの設定以外は下記のようにしました。

// imageData:バイナリデータ
function sendPic(imageData){            
            $(document).ready(function () {
                $.ajax({
                    scriptCharset: 'utf-8',
                    type: 'POST',
                    contentType:'application/octet-stream',
                    url: 'https://api.apigw.smt.docomo.ne.jp/imageRecognition/v1/recognize',
                    data: {
                        'APIKEY' : 'XXXXX',
                        'recog': 'product-all',
                        'numOfCandidates': '3',
                    },
                    success: function (data) {
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                    },
                    complete: function(jqXHR, textStatus, errorThrown) {
                    }
                });
            });

◼︎ 質問
・jQuery(JavaScript)でapplication/octet-stream形式を扱うことは可能でしょうか
・可能な場合、クエリパラメータとボディを分けて送信する方法を知りたいです

Answer 1

下記を参考にできないでしょうか？
http://stackoverflow.com/questions/19959072/sending-binary-data-in-javascript-over-http

Comments

[susunshun]

chiku_さん

情報提供ありがとうございます！
上記を参考にいろいろ調査したところ、
・クエリパラメーターはURLに含める
・ボディにはバイナリデータを設定
で解決することができました！

＊変更前
url: 'https://api.apigw.smt.docomo.ne.jp/imageRecognition/v1/recognize',
data: {
'APIKEY' : 'XXXXX',
'recog': 'product-all',
'numOfCandidates': '3',
},

＊変更後
url: 'https://api.apigw.smt.docomo.ne.jp/imageRecognition/v1/recognize?APIKEY=XXXXX&recog=product-all&numOfCandidates=3',
data: imageData,