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

Question

在html表单中,我们有一个图像字段,用于上传文件.我从http://blog.teamtreehouse.com/reading-files-using-the-html5-filereader-api上学习了教程,从本地磁盘上传图像文件时效果很好.

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

FileReader 从本地磁盘尝试上传图像时,API运行良好,但我们如何使用它来按网址加载图像？

base64通过在图像字段中设置,可以轻松创建图像并将其用于预览,<img src='data:image/png;base64,iAks4ds__base64__string' id='user_img'>但是应该采用哪种工作流来使用jQuery或JavaScript从远程URL上传图像？

我怎么能够？有什么建议？

Answer 1

FileReaderAPI 专用于本地文件（参见http://www.html5rocks.com/en/tutorials/file/dndfiles/）

如果您想从远程 URL 下载图像并在 javascript 中提取其数据，您可以使用Image和Canvas元素，如以下问题中所述：将图像转换为 javascript 中的二进制数据