将图像从Web下载到桌面文件夹JS

时间:2018-04-24 14:06:21

标签: javascript

好的,我正在开发一些结合了lat / lng并组装链接的东西:

 image = "http://...center={{lat}},{{lng}}&zoom=15&size=500x500"

虽然LAT和LNG只有2个参数,但我“组装”了这个链接,结果却说:

http://staticmap.openstreetmap.de/staticmap.php?center=14.51233,9&zoom=15&size=500x500

现在这是一张图片。我想将它下载到我的文件(任何位置)。什么是最简单的解决方案?只有JS。

我一直在尝试一些东西而且确实保存了一个文件而不是图像。如果我强迫filename = date + ".jpg"我得到“jpg”但它的错误文件并不可行。

var saveUrlAsImage = function(image) {
    var date = new Date().getTime();
    var filename = date;
    var path = mydirectory + '/' + filename;
    return fs.writeFileAsync(path)
        .then(function() {
            return image.save();
        })
        .catch(function(error) {
            alert("bad");

        });

};

简而言之:我将url图像保存为真实图像时缺少什么?任何帮助都会得到满足。

1 个答案:

答案 0 :(得分:0)

我不确定你能用JS代码做到这一点,浏览器不会允许它。您可以为该文件创建一个链接/锚点,然后点击"它:

var link = document.createElement('a');
link.href = "http://staticmap.openstreetmap.de/staticmap.php?center=14.51233,9&zoom=15&size=500x500";
link.target = "_blank";
link.click();

但同样,浏览器将使用用户首选项如何根据其类型打开文件。对于图像,它可能会在新选项卡中打开,如果您尝试使用不同的文件类型,则可能会下载它。