Загрузите изображение холста в imgur (api v3) с помощью javascript

Question

Я создаю смешной Chrome-Experiment. Зеркало Усы! http://sjoerddijkstra.nl/cam/ Я хочу использовать Imgur API V3 для загрузки изображения из холста в Imgur, а затем показать ссылку, но я действительно не знаю, как это сделать. Все рабочие примеры, которые я найти использовании API V2 ...

я использую 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; 
     } 
    } 
}); 

Заменить <CHANGE_THIS_TO_BE_YOUR_CLIENT_ID> с идентификатором клиента вы получаете, когда вы регистрируете ваше приложение here (я выбрал «анонимное использование без разрешения пользователя» варианта).