Get image from url and convert into blob using javascript

Question

Well guys i was looking many hours for internet and i couldn't find the answer.

I have an URL with an image like this:

http://maps.google.com/maps/api/staticmap?center=Berkeley,CA&zoom=14&size=400x400&sensor=false

I need to load this image using ajax or another tool and later convert it into a blob to save in my database.

Thanks

Community · Accepted Answer · 2017-05-23 12:01:46Z

2

Blit the image into a canvas element, generate a dynamic URI from the canvas, decode the URI into bytes, construct a blob, add to a FormData object, and submit with XMLHttpRequest.

See here.

PS - because the image is served from Google, you will need to use a proxy to circumvent "same-origin" security policy, as described in my linked post.

edited May 23, 2017 at 12:01

CommunityBot

11 silver badge

answered Sep 26, 2012 at 22:48

Joe Coder

4,56534 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

geocodezip · Accepted Answer · 2012-09-26 22:51:43Z

1

That is against the Terms of Use.

See this FAQ which addresses your question.

answered Sep 26, 2012 at 22:51

geocodezip

162k14 gold badges228 silver badges256 bronze badges

2 Comments

Lyn Headley Over a year ago

Actually it's only "storing and serving" that's against the terms. OP is simply looking to store, which could be a fair use.

geocodezip Over a year ago

That is only the wording of the FAQ. I believe what I said, that saving it is against the terms, but IANAL.

Collectives™ on Stack Overflow

Get image from url and convert into blob using javascript

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related