使用javascript使用XMLHttpRequest从服务器下载多个图像
download multiple images from the server with XMLHttpRequest using javascript
我使用XMLHttpRequest方法从服务器获取单个图像的url下载,保存,然后从android本地存储检索它,我已经成功地让它为单个图像url工作;现在我卡住了想办法从服务器上下载多个图像使用相同的方法。谁能给我指路吗?
提前感谢!!
这里是我用来下载单个图像的代码
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = "blob";
console.log(xhr);
xhr.onload = function (e) {
console.log(e);
if (xhr.readyState == 4) {
console.log(xhr.response);
// if (success) success(xhr.response);
saveFile(xhr.response, 'images');
}
};
xhr.send();
假设您有一个可以下载图像的url列表,您可以使用一个简单的for
循环并将XMLHttpRequest
变量存储在数组中。
var xhrList = [];
var urlList = ['example.com/image1',
'example.com/image2',
'example.com/image2'];
for (var i=0; i< urlList.length; i++){
xhrList[i] = new XMLHttpRequest();
xhrList[i].open('GET', urlList[i], true);
xhrList[i].responseType = "blob";
console.log(xhrList[i]);
xhrList[i].onload = function (e) {
console.log(e);
if (this.readyState == 4) {
console.log(this.response);
// if (success) success(this.response);
saveFile(this.response, 'images');
}
};
xhrList[i].send();
}
相关文章:
- 使用图像数组列表的simplegallary.js显示适合桌面屏幕的图像
- 关联数组 - 使用图像滑块显示键值
- 使用图像而不是文本(script type=“text/javascript”)
- 2D物理引擎,使用图像模拟重力
- 使用图像映射调整大小器
- 是否可以使用图像数据设置画架命中区域
- 三个js性能如何使使用图像纹理更快
- 如何在jquery中使用图像ID获取图像位置
- 使用图像制作书籍阅读器[jquery]
- 如何使用图像更改下拉选择
- 使用图像显示和隐藏
- 使用图像提交表单问题
- 使用图像作为webkit滚动条 - -webkit-scrollbar-track-piece的最小高度
- Javascript/HTML5使用图像填充画布
- 使用图像最大宽度并保持高度比率以实现响应
- 使用图像 jQuery 切换
- 使用图像滚动达到页面中的最大内容,然后应该使用窗口百分比隐藏图像
- 如何在 CSS 中多个位置使用图像
- 如何使用图像加载.js与jribbble.js和砖石.js结合使用
- 在高图表制作者名单中使用图像