js怎么实现图片的批量下载_服务器知识

js脚本在html中批量加入图片,我们需要设置一个父类的div，然后在创建子类，在创建好一个img的子类，将图片都添加进来，

<html>

<body>

</div>

</body>

var oPin = document.createElement('div')

oPin.className = 'pin'

oParent.appendChild(oPin)

var oImg = document.createElement('img')

loadImg('./image/'+ data[i].src,callBack,oImg) //这里是你的图片地址

oImg.src = './image/'+ data[i].src

oPin.appendChild(oImg)

</script>

</html>

// 如果一开始就有

// pics1 = [ {img src 这一句的话，那本地图片就用

pics1 = [ { img : 'D:\\images\a.jpg' , link : '#' , time:5000 } ]

// 如果一开始没有，是你自己加的，那就用下面这句

pics1 = [ { url : 'D:\\images\a.jpg' , link : '#' , time:5000 } ]

// 其中，url 是图片的路径，link 是该图片的 a 链接

// <a href="这里就是link"><img src="这里就是 url" /></a>

兄台多虑了，以我个人见解，这个功能应该是前端js搞不定，你js什么时候加载就是个问题，第二个问题就是js也检测不到网络请求，那是浏览器干的事。

但是针对缓存这事，一个是在服务端设置，也就少web服务或者少CDN那设置缓存。很多情况下，图片，css都是默认缓存的，你打开开发者工具之后确保禁用缓存的复选框取消，你刷新一下，看看那图片、css是不是就是304状态。

欢迎分享，转载请注明来源：夏雨云

js怎么实现图片的批量下载