javascript - 如何使用 FileReader API 从 url 上传图像文件？

Question

在 html 表单中，我们有一个图像字段，用于上传文件。我遵循了 http://blog.teamtreehouse.com/reading-files-using-the-html5-filereader-api 中的教程从本地磁盘上传图像文件时它工作正常。

但是假设我有一个图像 url 说 http://www.google.com/images/logos/ps_logo2.png并希望从远程 url 上传此图像而不是从本地磁盘上传。

FileReader API 在尝试从本地磁盘上传图片时运行良好，但我们如何使用它通过 url 加载图片？

创建 base64 很容易图像并通过在图像字段中设置为 <img src='data:image/png;base64,iAks4ds__base64__string' id='user_img'> 将其用于预览但是使用 jQuery 或 JavaScript 从远程 url 上传图像应该采用什么工作流程？

我怎么能有什么建议吗？

Answer 1

FileReader API 专用于本地文件(cf http://www.html5rocks.com/en/tutorials/file/dndfiles/)

如果您想从远程 URL 下载图像并在 javascript 中提取其数据，您可以使用 Image 和 Canvas 元素，如以下问题中所述:Convert an image into binary data in javascript