Using source as a parameter to upload photo from angular ui-upload module as multipart form data

[mexiter]

var myUpload = document.getElementById('canvas2'); urldata=myUpload.toDataURL("image/png"); FB.api('/photos', 'POST', { message: 'testing Graph API photo', access_token: accessToken, url: urldata, no_story:true }, function (response) { if (!response || response.error) { console.log('Error occured:' + response.error.message); } else { alert('Post ID: ' + response.id); } } );

Response -" Error occured:(#324) Missing or invalid image file "

I found a gist: https://gist.github.com/nseo/2910244

but I can't seem to implement it.

[sohaibilyas]

You missed me in FB.api('/me/photos.. secondly first try with an image link get any image link from google and paste it in the code to see if it is working fine then make sure you have a right image link from .toDataUrl method.