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

标签 javascript database image google-maps-api-3 blob

伙计们,我在网上找了好几个小时,但找不到答案。

我有一个带有这样图片的 URL:

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

我需要使用 ajax 或其他工具加载此图像,然后将其转换为 blob 以保存在我的数据库中。

谢谢

最佳答案

将图像 block 写入 Canvas 元素,从 Canvas 生成动态 URI,将 URI 解码为字节,构建 blob,添加到 FormData 对象,并使用 XMLHttpRequest 提交。

参见 here .

PS - 因为图像是由 Google 提供的,所以您需要使用代理来规避“同源”安全策略,如我的链接帖子中所述。

关于javascript - 从 url 获取图像并使用 javascript 转换为 blob,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12611531/

相关文章:

javascript - jQuery:根据主类别中的选择获取子类别

javascript - Emscripten:如何捕获JS异常?

javascript - Kartik Yii2 Number - 从扩展中获取值(value)

php - 存储单个 IP、IP 范围、IP block 和 IP 类别并快速搜索它们的最佳方式

ios - 从应用程序中存储的文本文件中读取数据的最佳方式

javascript - 将数字 0-9 转换为图像?

image - 将 Jpeg 更改为渐进式 Jpeg 图像

javascript - 菜单 - 在整个菜单项下显示子菜单项 - HTML/CSS

mysql - 如何确定从 MySQL 导入的日期?

image - 为像素分配负值