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

问题描述 投票:1回答:1

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

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

脚本感兴趣

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

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

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

javascript jquery download
1个回答
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>

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