javascript - 从图像 URL javascript html 保存图像文件

Question

我是 JS 和 HTML 的初学者。我正在从事某个生成饼图的项目，我正在使用带有 HTML API 的谷歌图表。

我设法制作了图表并获得了图像 URL。当我调用这条线时:window.open(URL);将打开一个包含图片的新窗口。我的问题是，是否有一种类似的方法可以获取 URL 并将图像下载到项目文件夹中？像 download(URL,'PNG'); 甚至 download(URL);?

Answer 1

如果您试图允许最终用户下载该图像，请参阅此问题: Download image with JavaScript

如果您尝试下载图像以在页面中使用，为什么不使用标签并远程引用它呢？

    <img src="[url retrieved from the api]">

请记住，Javascript 是在客户端运行的，因此任何下载函数都会下载到最终用户，而不是项目文件夹。

编辑:对使用的代码进行了修改并进行了实现。

The fiddle .

我从 Google Chart 文档“Printing PNGs”中提取。以下是他们的做法:

//Your data and options initialization up here 
....

//Event listener
google.visualization.events.addListener(chart, 'ready', function () {
    chart_div.innerHTML = '<img src="' + chart.getImageURI() + '" download="chart.png">';
    console.log(chart_div.innerHTML);
}); 

//Actually draw the chart
chart.draw(data, options);

只需使用其他 SO 链接即可完成下载过程!