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

JavaScript020

js怎么实现图片的批量下载,第1张

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

<html>

<body>

<div id='parent'>

<div class='pin'>

</div>

</div>

</body>

<script>

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>