javascriptでimgur（api v3）にキャンバス画像をアップロード

Question

面白いChrome-Experimentを作成しています。口ひげの鏡！ http://sjoerddijkstra.nl/cam/ Imgur API V3を使用してImgurに画像をアップロードしてからリンクを表示したいのですが、実際にどのようにしたらよいかわかりません。私が見つけ、すべての作業例が...

をV2 APIを使用している私がcanvas.toDataURL使用：

var dataURL = canvas.toDataURL("image/png"); 
return dataURL.replace(/^data:image\/(png|jpg);base64,/, ""); 

Answer 1

ImgurのマニュアルをIMOちょっと悪いが、SOに周り尋ねた後、私はこれが機能することが分かっ：

try { 
    var img = document.getElementById('myCanvas').toDataURL('image/jpeg', 0.9).split(',')[1]; 
} catch(e) { 
    var img = document.getElementById('myCanvas').toDataURL().split(',')[1]; 
} 

$.ajax({ 
    url: 'https://api.imgur.com/3/image', 
    type: 'post', 
    headers: { 
     Authorization: 'Client-ID <CHANGE_THIS_TO_BE_YOUR_CLIENT_ID>' 
    }, 
    data: { 
     image: img 
    }, 
    dataType: 'json', 
    success: function(response) { 
     if(response.success) { 
      window.location = response.data.link; 
     } 
    } 
}); 

アプリhereを（私は「匿名の使用状況、ユーザーの許可なし」オプションを選んだ）を登録するときあなたが得るクライアントIDと<CHANGE_THIS_TO_BE_YOUR_CLIENT_ID>を交換してください。