关于JS或<a>标签实现文件下载的功能。

JavaScript09

关于JS或<a>标签实现文件下载的功能。,第1张

使用JS实现文件下载示例(asp.net),参考如下:<title>文件下载</title></head><script type="text/javascript" > // 使用JS实现下载.jpg、.doc、.txt、.rar、.zip等文件的方法(参数 imgOrURL 为需要下载的图片的URL地址)// 使用该方法实现下载压缩文件时会有网页错误信息提示// .doc、.rar、.zip 文件可以直接通过文件地址下载,// 如:<a href="../Images/test.doc" >点击下载文件</a><a href="../Images/test.zip" >点击下载文件</a> function saveImageAs(imgOrURL) {if (typeof imgOrURL == 'object')imgOrURL = imgOrURL.src window.win = open (imgOrURL) setTimeout('win.document.execCommand("SaveAs")', 500) }// 使用JS实现下载.txt、.doc、.txt、.rar、.zip等文件的方法(参数 fileURL 为需要下载的图片的URL地址)// 使用该方法实现下载压缩文件时不会有网页错误信息,但是不能使用该方法下载.jpg图片文件// .doc、.rar、.zip 文件可以直接通过文件地址下载,// 如:<a href="../Images/test.doc" >点击下载文件</a><a href="../Images/test.zip" >点击下载文件</a> function savetxt(fileURL){var fileURL=window.open (fileURL,"_blank","height=0,width=0,toolbar=no,menubar=no,scrollbars=no,resizable=on,location=no,status=no") fileURL.document.execCommand("SaveAs") fileURL.window.close() fileURL.close() }// 功能类似savetxt方法,但是下载时初始文件名为code.txt,而不是跟目标文件名相同function svcode(obj) { var winname = window.open('', '_blank', 'height=1,width=1,top=200,left=300')winname.document.open('text/html', 'replace')winname.document.writeln(obj.value)winname.document.execCommand('saveas','','code.txt')winname.close()}</script><body> <div> <br /> <a href="javascript: void 0" onclick="savetxt('../Images/test.txt')return false">点击下载文件</a> <br /><br /> <a href="javascript:savetxt('../Images/test.txt')" >点击下载文件</a> <br /><br /> <!-- .doc、.rar、.zip 文件可以直接通过文件所在地址下载 --> <a href="../Images/test.doc" >点击下载文件</a> <br /><br /> <a href="../Images/test.zip" >点击下载文件</a> </div></body>

<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>