StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow can I convert image binary from API call to data URI in Javascript?
primarykey
Id
8394721
data
AcceptedAnswerId
8579334
AnswerCount
4
ClosedDate
CommentCount
6
CommunityOwnedDate
CreationDate
2011-12-06T02:41:11.177
FavoriteCount
3
LastActivityDate
2013-03-31T13:36:35.840
LastEditDate
2011-12-20T16:10:48.057
LastEditorUserId
576725
OwnerUserId
576725
ParentId
0
PostTypeId
1
Score
7
ViewCount
8502
LastEditorDisplayName
text
Body
The Google API I'm using is transmitting images only as binary data. I have absolutly no idea how to put this into a data URI to display it, thanks for any help! The call I'm talking about is <a href="http://code.google.com/apis/contacts/docs/2.0/developers_guide_protocol.html#retrieving_photo" rel="noreferrer">this API call</a>. As you can see, it says: <blockquote> The server returns bytes of the photo. </blockquote> For the call (it's an extension), I use the chrome_ex_oauth methods. Maybe I need to add something into the header to get real binary data, not string as it comes in right now... What I need to do is to convert the resulting binary into data URI so I can display it. <hr> Ok, I get this out of the XHR request <img src="https://i.stack.imgur.com/UY3I6.png" alt="enter image description here"> Now, I dont know binary stuff much. This is somehow encoded binary data i assume? I tried to put this into btoa and other base64 encoders, everything throws an error. I tried to overrideMimeType with different things and the "response" changed in some strange ways, but nothing accepts the data. So now I have this code: <pre><code>var nxhr = new XMLHttpRequest(); nxhr.onreadystatechange = function (data) { if (nxhr.readyState == 4) { console.log(nxhr); } }; nxhr.open(method, url, true); nxhr.setRequestHeader('GData-Version', '3.0'); nxhr.setRequestHeader('Authorization', oauth.getAuthorizationHeader(url, method, params)); nxhr.send('Data to send'); </code></pre> Anybody else has any idea how to get this for me not understandable response into a data uri??? Thanks for any help
Tags
<javascript><google-api><data-uri>
Title
How can I convert image binary from API call to data URI in Javascript?
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USLuke
UserOwnerUserId
1. USLuke
plurals
PostLinksPostIdRelatedPostId
1. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
2. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
PostLinksRelatedPostIdPostId
1. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POHow can I convert image binary from API call to data URI in Javascript?
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTDownMod
2. VO
 singulars
 PostPostId
 POHow can I convert image binary from API call to data URI in Javascript?
 UserUserId
 USLuke
 VoteTypeVoteTypeId
 VTBountyStart
3. VO
 singulars
 PostPostId
 POHow can I convert image binary from API call to data URI in Javascript?
 UserUserId
 USaculich
 VoteTypeVoteTypeId
 VTFavorite
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.