«

Hello.
When I do something like this:
<input type="file" accept="image/*" capture ></input>

I can attach a picture or camera on smartphones.

This all fine,
but what if I want to show the picture to the user who choose it.
I created for that a <div> element and try to set the background-image to
the file (which is on local computer or on local smarphone) -

Then I got the path of :
c:/fakepath/myfile.jpg.

How can I solve the problem?
The fake path - I cannot use as reference, and I don't know if I get instead
of the path the image source in bits (so I can do something like
data:image/png;base64,... a binary data ....)

Thanks

"Mr. X." <> writes:

> Hello.
> When I do something like this:
> <input type="file" accept="image/*" capture ></input>
>
> I can attach a picture or camera on smartphones.
>
> This all fine,
> but what if I want to show the picture to the user who choose it.
> I created for that a <div> element and try to set the background-image

Why use a background image?

> to the file (which is on local computer or on local smarphone) -
>
> Then I got the path of :
> c:/fakepath/myfile.jpg.
>
> How can I solve the problem?
> The fake path - I cannot use as reference, and I don't know if I get
> instead of the path the image source in bits (so I can do something
> like data:image/png;base64,... a binary data ....)

Yes, many browsers support these data pseudo-URLs in the src attribute
of an img element. I have not used them is CSS, but I think support is
limited.

--
Ben.

Found:
http://saravani.wordpress.com/2012/0...t-is-uploaded/
That's solved my problem.

BTW - As the above problem - how can I know also which width+height are
related to the image?

Thanks, anyway.

"Ben Bacarisse" wrote in message
news:0.9eb5b06b2d846a60dad8.20130122205013GMT.87vc ...

"Mr. X." <> writes:

> Hello.
> When I do something like this:
> <input type="file" accept="image/*" capture ></input>
>
> I can attach a picture or camera on smartphones.
>
> This all fine,
> but what if I want to show the picture to the user who choose it.
> I created for that a <div> element and try to set the background-image

Why use a background image?

> to the file (which is on local computer or on local smarphone) -
>
> Then I got the path of :
> c:/fakepath/myfile.jpg.
>
> How can I solve the problem?
> The fake path - I cannot use as reference, and I don't know if I get
> instead of the path the image source in bits (so I can do something
> like data:image/png;base64,... a binary data ....)

Yes, many browsers support these data pseudo-URLs in the src attribute
of an img element. I have not used them is CSS, but I think support is
limited.

--
Ben.