js下载文件

JavaScript016

js下载文件,第1张

代码如下：

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gbk" />

<title>JS实现下载文件</title>

<script language=JavaScript>

function download(obj){

if(document.all.ifrm==null){

objIframe=document.createElement("IFRAME")

document.body.insertBefore(objIframe)

objIframe.outerHTML="<iframe name=ifrm style='width:0hieght:0' src="+obj.href+"></iframe>"

re=setTimeout("download()",1)

}

else{

clearTimeout(re)

files=window.open(obj.href,"ifrm")

files.document.execCommand("SaveAs")

document.all.ifrm.removeNode(true)

}}

</script>

</head>

<body >

文档列表：请点出下载<br/>

<a href="file01.doc" id="filelist" onclick="download()return false" style="cursor:hand">文件1</a> <br/>

<a href="file02.pdf" id="filelist" onclick="download()return false" style="cursor:hand">文件2</a>

</body>

</html>

<script type="text/javascript">

$("a").click(function () {

var href = this

var url = href.href

var name = href.innerHTML

if (url.indexOf("kindeditor") >= 0) {

download(url, name)

return false

}

})

/**

* 下载

* @param  {String} url 目标文件地址

* @param  {String} filename 想要保存的文件名称

*/

function download(url, filename) {

getBlob(url, function (blob) {

saveAs(blob, filename)

})

}

/**

* 获取 blob

* @param  {String} url 目标文件地址

* @return {cb}

*/

function getBlob(url, cb) {

var xhr = new XMLHttpRequest()

xhr.open('GET', url, true)

xhr.responseType = 'blob'

xhr.onload = function () {

if (xhr.status === 200) {

cb(xhr.response)

}

}

xhr.send()

}

/**

* 保存

* @param  {Blob} blob   

* @param  {String} filename 想要保存的文件名称

*/

function saveAs(blob, filename) {

if (window.navigator.msSaveOrOpenBlob) {

navigator.msSaveBlob(blob, filename)

} else {

var link = document.createElement('a')

var body = document.querySelector('body')

link.href = window.URL.createObjectURL(blob)

link.download = filename

// fix Firefox

link.style.display = 'none'

body.appendChild(link)

link.click()

body.removeChild(link)

window.URL.revokeObjectURL(link.href)

}

}

</script>