jQuery 批量下载多个网络图片
时间: 2023-11-01 12:06:50 浏览: 42
可以使用jQuery的ajax方法和HTML5的File API来实现批量下载多个网络图片。
首先,你需要定义一个数组来存储要下载的图片的URL。然后,使用循环语句遍历这个数组,针对每个URL,使用jQuery的ajax方法向服务器发送请求,获取图片数据。在请求成功后,可以使用HTML5的File API来将图片数据保存到本地。
以下是一个示例代码:
```javascript
var urls = ['http://example.com/image1.jpg', 'http://example.com/image2.jpg', 'http://example.com/image3.jpg'];
$.each(urls, function(index, url) {
$.ajax({
url: url,
method: 'GET',
xhrFields: {
responseType: 'blob'
},
success: function(data) {
var filename = url.substring(url.lastIndexOf('/')+1);
var a = $('<a></a>')
.attr('href', window.URL.createObjectURL(data))
.attr('download', filename)
.appendTo('body');
a[0].click();
a.remove();
}
});
});
```
上面的代码将会遍历urls数组中的每个URL,使用jQuery的ajax方法获取图片数据。在成功获取数据后,它会将图片数据保存到一个对象URL中,并创建一个下载链接,将链接添加到页面中。当用户点击下载链接时,图片将会被下载到本地。