ajax方式下载文件
生活随笔
收集整理的這篇文章主要介紹了
ajax方式下载文件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<button type="button" οnclick="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) {// 返回200var 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
轉載于:https://www.cnblogs.com/zyl-Tara/p/9329127.html
總結
以上是生活随笔為你收集整理的ajax方式下载文件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Shader山下(二十一)多重变体(Mu
- 下一篇: Android性能优化