2016-03-29 24 views
0

)非常に簡単なバックオフィス画像アップローダを構築しようとしています。 Imgur Mashape APIを使用して画像をアップロードするには、次のスニペットを使用しています。しかし、私はエラーを受け取り続ける: {"data":{"error":"Image format not supported, or image is corrupt.","request":"\/3\/image","method":"POST"},"success":false,"status":400}。私がMashapeのエンドポイントをテストするときには、すべてうまく動作します。また、同じ関数がImgur APIだけで正常に使用されました。私は何かが欠落しているように感じますが、調査しても適切な解決策を見つけることができませんでした。純粋なJavaScriptでMashape Imgur APIを使用して画像をアップロードできるようにするにはどうすればよいですか?Imgur Mashape APIを使用した画像のアップロード(

var uploadImg = function(file) { 
     if (!file || !file.type.match(/image.*/)) return; 

     var fd = new FormData(); 
     fd.append("image", file); 

     var xhr = new XMLHttpRequest(); 
     xhr.open("POST", "https://imgur-apiv3.p.mashape.com/3/image"); 
     xhr.onload = function() { 
      console.log(xhr.responseText); 
     } 

     xhr.setRequestHeader('Authorization', 'Client-ID my_Client-Id'); 
     xhr.setRequestHeader('X-Mashape-Key', 'My_MASHAPE_Key'); 
     xhr.setRequestHeader('Content-Type', 'multipart/form-data'); 
     xhr.send(fd); 
    } 

答えて

0

私が見た例のContent-Typeヘッダーには異なる値を試しました。以下のいずれも機能しませんでした:application/jsonapplication/x-www-form-urlencodedmultipart/form-data。しかし、ヘッダーのこの属性の指定を完全に削除するとすべてが機能しました。

誰もが同じ問題で動いたら、私がContent-Typeを設定した行を削除すれば問題ありません。

関連する問題