使用Jquery强制从外部服务器下载映像

Posted 2021-04-05

我想用javascript / jquery从外部服务器（我不拥有）下载图像。

用我的实际脚本unluckely我只能在浏览器中打开img。

脚本感兴趣

var aa = $('<a/>', {"href": img ,"text": "Download", "download": ""}).appendTo( "#show" );

有类似的问题，但没有jquery / javascript。我不想重命名文件^^

一个简单的解决方案是在链接中写入“右键单击并保存链接为”，但不是很好：D

答案

注意：我从this answer那里得到了帮助

我想你想在某些事件上下载图像，例如点击活动等。

根据我的理解，我认为应该点击图片或点击下载所有图片

您可以在图像元素中添加一个类来绘制图像

<img class="downloadable" ...>

$('img.downloadable').on('click', function(){
  var $this = $(this);
  $this.wrap('<a href="' + $this.attr('src') + '" download />')
});

或者如果您想要点击下载所有图像，那么您可以尝试此代码

<button id="download_all_images">Download All Images</button>

$('#download_all_images').on('click', function(){
    $('img.downloadable').each(function(){
        var $this = $(this);
        $this.wrap('<a href="' + $this.attr('src') + '" download />')
    });
});

由于html5下载属性，此代码段将强制下载您的图像

您可以检查此代码以验证它我是从外部服务器下载图像

<button id="download_image">Download Image</button>

$('#download_image').click(); 

<a id="download_image" href="https://docs.google.com/uc?id=0B0jH18Lft7ypSmRjdWg1c082Y2M" download></a>

我希望这个能帮上忙！谢谢