iOS: How can I display a photo from my phone in a HTML IMG tag?

[Kurt]

So I am using the native iOS api to get a list of photos and need to display both the thumbnails and the photo in a HTML page.

The photo (ALAsset) has a url like this:  assets-library://asset/asset.JPG?id=DFB2A27D-C1D3-4E5B-8E2A-3ADD7AA9E317&ext=JPG

So I tried the following in my HTML:

<img src="assets-library://asset/asset.JPG?id=DFB2A27D-C1D3-4E5B-8E2A-3ADD7AA9E317&ext=JPG />

But this does not work (broken img link).  Anyone know how to show an img from the AssetLibrary?

Thanks in advance.
Kurt

[mr.s]

Return the base64-encoded data from the fileobject and put that directly into the SRC attribute.

[Kurt]

Thanks for your response.

And how about the thumbnail?
It looks like there is an api to get the thumbnail from the Asset as a CGImageRef.  How would I show the thumbnail in HTML?

Thanks!

[Brian]

Kurt, did you ever get this working?  I'd like to use the path to the photo library in the img src, but I can't find a way to make that work.

[Thabo Letsoalo]

Brian, I don't think iOS allows that (I stand to be corrected). In Android you can set the src to file:///, but I think in iOS you might have to do what mr.s suggested (return a base 64 string from the file object - take a look at the file api in phonegap documentation).

[Giacomo Balli]

since you're already retrieving the original, just resize and create a thumbnail on the fly.

[Thabo Letsoalo]

Hi, the following link shows how to use the HTML5 file api to select pictures, preview them and then upload them:

https://github.com/remy/html5demos/blob/master/demos/dnd-upload.html

--
-- You received this message because you are subscribed to the Google
Groups "phonegap" group.
To post to this group, send email to phon...@googlegroups.com
To unsubscribe from this group, send email to
phonegap+u...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/phonegap?hl=en?hl=en
 
For more info on PhoneGap or to download the code go to www.phonegap.com
 
To compile in the cloud, check out build.phonegap.com
---
You received this message because you are subscribed to a topic in the Google Groups "phonegap" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/phonegap/JtD75u_d6XQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to phonegap+u...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.