使用javascript在屏幕上下载图像

Question

如何使用javascript将图像下载到用户计算机？图像已经在屏幕上，但我希望他们能够单击一个按钮，以便使用每个浏览器的本机下载选项。 （不需要ajax，因为图像已经存在）

有什么想法吗？

Answer 1

无法进行纯鼠标左键单击，因为JavaScript无法设置必要的HTTP标头。也许这将在未来改变 - “HTML5”。

Answer 2

好吧，使用URL来使用它们的故障..使用，数据URI为它们.......

你可以打开一张图片，然后再打底64 ..

现在，添加它而不是Javascript文件（如data：image / png; base64，....................）

单击时，将window.location.href设置为该数据URI，并且可以下载

Answer 3

我的解决方案

在发现您无法单独使用Javascript之后，我只是在服务器上设置了正确的标题。

在php中，使用这些标题返回图像

$headers = [
  'content-type' => 'image/jpg',
  'content-disposition' => 'attachment; filename="photo.jpg'
];

现在，当设置window.location时，它只会下载图像 - 正是我想要的。