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

时间:2017-12-17 17:18:52

标签: javascript jquery download

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

我的实际脚本不经意,我只能在浏览器中打开img。

感兴趣的剧本

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

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

一个简单的解决方案是在链接中写入&#34;右键单击并保存链接为&#34;但不是很好:D

1 个答案:

答案 0 :(得分:3)

注意:我已从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>

我希望这会有所帮助!感谢