分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

ajax方式下载文件

发布时间:2023-09-06 02:04责任编辑:董明明关键词:暂无标签
<button type="button" ?onclick="download()">导出</button>function download() { ??var url = ‘download/?filename=aaa.txt‘; ??var xhr = new XMLHttpRequest(); ??xhr.open(‘GET‘, url, true); ???????// 也可以使用POST方式,根据接口 ??xhr.responseType = "blob"; ???// 返回类型blob ??// 定义请求完成的处理函数,请求前也可以增加加载框/禁用下载按钮逻辑 ??xhr.onload = function () { ??????// 请求完成 ??????if (this.status === 200) { ??????????// 返回200 ??????????var blob = this.response; ??????????var reader = new FileReader(); ??????????reader.readAsDataURL(blob); ???// 转换为base64,可以直接放入a表情href ??????????reader.onload = function (e) { ??????????????// 转换完成,创建一个a标签用于下载 ??????????????var a = document.createElement(‘a‘); ??????????????a.download = ‘data.xlsx‘; ??????????????a.href = e.target.result; ??????????????$("body").append(a); ???// 修复firefox中无法触发click ??????????????a.click(); ??????????????$(a).remove(); ??????????} ??????} ??}; ??// 发送ajax请求 ??xhr.send()}

 原文链接:https://my.oschina.net/watcher/blog/1525962

ajax方式下载文件

原文地址:https://www.cnblogs.com/zyl-Tara/p/9329127.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved