js或jquery实现文件下载
·
js使用原生ajax
<div onclick="download1()">下载</div>
<script>
function downloadFile1(content, filename) {
var a = document.createElement('a')
var blob = new Blob([content])
var url = window.URL.createObjectURL(blob)
a.href = url
a.download = filename
a.click()
window.URL.revokeObjectURL(url)
}
function download1() {
var url = 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=20550366,3650143321&fm=26&gp=0.jpg' // demo图片
ajax(url, function(xhr) {
var filename = 'xxx.' + url.replace(/(.*\.)/, '') // 自定义文件名+后缀
downloadFile1(xhr.response, filename)
}, {
responseType: 'blob'
})
}
function ajax(url, callback, options) {
window.URL = window.URL || window.webkitURL
var xhr = new XMLHttpRequest()
xhr.open('get', url, true)
if (options.responseType) {
xhr.responseType = options.responseType
}
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
callback(xhr)
}
}
xhr.send()
}
</script>
jQuery实现文件下载
function download(){
var url ="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=20550366,3650143321&fm=26&gp=0.jpg";
var f1 = $.ajax({
url: url,
type: 'GET',
xhrFields: {
responseType: 'blob'
},
});
$.when(f1).then(function (content) {
console.log("jinru")
var filename = 'xxx.' + url.replace(/(.*\.)/, '') // 自定义文件名+后缀
var a = document.createElement('a')
var blob = new Blob([content])
var url = window.URL.createObjectURL(blob)
a.href = url
a.download = filename
a.click()
window.URL.revokeObjectURL(url)
}, function () {
//失败回调,任意一个请求失败时返回
console.log("失败");
console.log('error');
})
}
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)