在JavaScript中下载之前捕获PNG文件

Question

浏览器中是否存在一个有效事件，可以从内存中捕获图像文件，然后再下载并将其发送到某些API？

我通过使用传单打印插件生成传单地图的打印。该插件下载图像，但是我需要将图像发送到nodeJS服务器以制作PDF文档。

使用JavaScript甚至可以做到吗？

使用此扩展名，映像在客户端而不是服务器上生成 https://www.npmjs.com/package/react-leaflet-easyprint

Answer 1

我使用dom-to-image软件包找到了解决方案。

https://www.npmjs.com/package/dom-to-image

Dom转换为Blob或其他图像格式，并且文件未明确下载。

可以使用文件保护程序扩展名手动保存文件

https://www.npmjs.com/package/file-saver

因此，最后，此代码类似于

  let map = document.getElementById('map');

  domtoimage.toBlob(map)
        .then(function (blob) {
            saveAs(blob, 'my-node.png');
        });

Answer 2

不。 JavaScript是客户端的，除非您肯定不是在服务器上运行它。