JS 实现图片直接下载示例代码

JavaScript011

JS 实现图片直接下载示例代码,第1张

本文为大家详细介绍下使用JS实现图片直接下载 具体实现代码如下 感兴趣的朋友可以参考下哈 希望对大家有所帮助   复制代码 代码如下: <a href="picName jpg" id=pic onclick="savepic()return false" class="page_speeder_81432313">点击下载</a> 复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20335

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>

js没有操作本地文件的权限，可以借助.net,php等后端语言才行的，将图片提交之后，返回个下载地址，window.open就自动下载了。

但是图片可以是svg的话

function saveAs(Url,filename){

var blob=new Blob([''], {type:'application/octet-stream'})

var url = webkitURL.createObjectURL(blob)

var a = document.createElementNS(xhtml,'a')

a.href = Url

a.download = filename

var e = document.createEvent('MouseEvents')

e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)

a.dispatchEvent(e)

webkitURL.revokeObjectURL(url)

2.　saveAs(data,"new.svg")