从url获取图像并使用javascript转换为blob

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

Answer 1

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.

Answer 2

That is against the Terms of Use .

See this FAQ which addresses your question.