javascript ile imgur'a (api v3) bir tuval resmi yükleyin

Question

Eğlenceli bir Chrome Denemesi yapıyorum. Bıyık Aynası! http://sjoerddijkstra.nl/cam/ Imgur API V3'ü te tuvalden Imgur'a bir görüntü yüklemek ve daha sonra bağlantıyı göstermek istiyorum, ancak gerçekten nasıl olduğunu bilmiyorum. Ben V2 API kullanan bulmak Tüm çalışma örnekleri ...

Ben canvas.toDataURL kullanın: SO etrafında soran sonra ben bu işe yaradığı

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

Answer 1

Imgur dokümantasyon IMO tür kötü ama:

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; 
     } 
    } 
}); 

uygulamanızı here kayıt aldığınız istemci kimliği ile <CHANGE_THIS_TO_BE_YOUR_CLIENT_ID> değiştirin (ı seçeneği "kullanıcı yetkilendirme olmaksızın anonim kullanımını" aldı).