根据后端返回的文件流下载文件

//云附件 文件流链接
function clouddownloadResources(id,title) {common.showLoading()api_enclosuredetail.clouddownloadResource('',id).then(function(res) {if(res.code == 0){          common.hideLoading();downloadResource(res.data.url, title)   -----文件流链接}else{common.hideLoading();}})
}function getBlob(url, callback) {const xhr = new XMLHttpRequest();url = url ;//不加后面的随机数+ "?r=" + Math.random()  // 避免 200 from disk cachexhr.open('GET', url, true);xhr.responseType = 'blob';xhr.onload = () => {if (xhr.status === 200) {callback(xhr.response);}}xhr.send();
}
function saveAs(blob, filename) {if (window.navigator.msSaveOrOpenBlob) {navigator.msSaveBlob(blob, filename);} else {const anchor = document.createElement('a');const body = document.querySelector('body');anchor.href = window.URL.createObjectURL(blob);anchor.download = filename;anchor.style.display = 'none';body.appendChild(anchor);anchor.click();body.removeChild(anchor);window.URL.revokeObjectURL(anchor.href);}
}
function downloadResource(url, newFileName) {getBlob(url, function (res) {saveAs(res, newFileName);$('[data-role="download"]').css({"pointer-events": "auto"});$('[data-role="download"]').html('立即下载')})
}

window.open(“http://www.w3schools.com”,”_blank”)

根据后端返回的文件流下载文件相关推荐

前端通过后端返回文件流下载文件
// 把文件流下载下来 const downloadMethods = (name, res) => {const blob = new Blob([res.data], { type: 'ap ...
Java实现minio文件流下载文件,浏览器不下载
在我写完minio下载功能时,浏览器怎么也不执行下载,纯纯没反应,只返回了流给前端.就在百思不得其解时,突然去翻看之前前端写的下载代码请求,此时发现之前用的是Windows.open(url),现在不 ...
vue 后端返回文件流下载文件
效果: 举例下载"E:\test\jn_ceshi1202.txt" 则前端realPath="E:\test\jn_ceshi1202.txt" 前端: do ...
js实现文件流下载文件
window.location.href的用法 javascript中的location.href有很多种用法,主要如下.self.location.href="/url" 当前页 ...
IE浏览器报错Unhandled promise rejection Error: 拒绝访问。文件流下载
项目内有很多导出文件,下载文件功能,前端采用的是文件流下载方式,请求后端接口,返回文件流. 最开始不清楚普通的动态创建a标签方法并不兼容IE,后来在IE上面测试出现了bug "Unhandl ...
vue 将文件url 改成文件流下载
vue 将后台返回文件url 改成文件流下载由于直接a 标签下载视频,音频会打开新的窗口,所以改用文件流下载一.图片 exportData(row) {console.log('row', row ...
文件流下载ppt文件无法打开或文件已损坏
在项目中遇到"文件流下载ppt文件无法打开或文件已损坏"这种情况,我也是查阅资料来一个排查问题的汇总 1.要设置responseType,在接口传参的时候传参过去 2.注意接口返回 ...
vue element 导出blob后台文件流xlsx文件自动下载（且规避乱码）
通常情况blob后台文件流都是如下图这样让人崩溃的乱码 <el-buttontype="success"@click.stop="handleExport" ...
阿里OSS文件流下载问题
阿里OSS文件流下载问题阿里OSS获取文件流,因为是网络传输流,所以ossObject.getObjectContent().available()不能一次性获取文件大小:传回的文件流,如果一次读取 ...

根据后端返回的文件流下载文件

根据后端返回的文件流下载文件相关推荐

最新文章

热门文章