如何使用JavaScript保存图像？

Question

我正在使用Chrome扩展程序：当您拖动图像时，它将保存到您的计算机中 我了解到在HTML5中有FileWriter API，但实际上找不到它的任何示例，Chrome是否支持它？

Answer 1

不，HTML5中没有FileWriter API。您可能意味着File API允许您读取文件。在Chrome中，出于安全考虑，甚至不允许扩展程序写入文件。因此，除非您想将NPAPI插件与扩展捆绑在一起（这会在安装时触发巨大警告），您所能做的就是触发用户可能选择接受的下载消息。有关可能的方法，请参阅Cross-browser Save As .txt（像另一个Flashify对象）。

编辑：我错了，有一个FileWriter API提案。然而，它还远未完成。

Answer 2

我找到了这个。 http://www.html5rocks.com/en/tutorials/file/filesystem/ 你可以找到一些例子。

修改这是文章的截图。我正在使用chrome 12.0

FileWriter API browser support message http://s3.amazonaws.com/twitpic/photos/full/329503613.png?AWSAccessKeyId=AKIAJF3XCCKACR3QDMOA&Expires=1308932374&Signature=DXBdFSjbNqaeJPr%2F0fSAqPWyh2E%3D

Answer 3

我认为FileWriter API还没有准备好并且可用一段时间。

您可以使用十六进制获取图像数据，然后使用DataURI从浏览器中“导出”它。虽然这会导致使用诸如“download（1）”之类的文件名保存文件。每个浏览器似乎对DataURI都有不同的大小限制，并且它们并不大，尽管对于尺寸合理的图像来说也不错。

http://en.wikipedia.org/wiki/Data_URI_scheme

或者你可以使用Downloadify以正确的文件名保存它（需要flash并且可能很难嵌入到chrome扩展中）。

http://davidwalsh.name/downloadify