vue 后端返回文件流下载文件

效果：

举例下载"E:\test\jn_ceshi1202.txt"
则前端realPath=“E:\test\jn_ceshi1202.txt”

前端：

downloadFile(realPath) {downloadFile(realPath).then(res => {const link = document.createElement('a')link.href = window.URL.createObjectURL(new Blob([res]))link.target = '_blank'// 文件名和格式link.download = 'jn_ceshi1202.txt'document.body.appendChild(link)link.click()document.body.removeChild(link)this.msgSuccess('下载完成')})}

后端:

@PostMapping("/downloadFile/{realPath}")public AjaxResult downloadFile(@PathVariable("realPath") String realPath, HttpServletResponse response){String realPath = pushBakInfo.getBakPath();InputStream in = null;OutputStream out = null;try {File file = new File(realPath);in = new FileInputStream(file);int len;byte[] buffer = new byte[1024];out = response.getOutputStream();while ((len = in.read(buffer)) > 0) {out.write(buffer, 0, len);}// 文件传输完成return AjaxResult.success();} catch (Exception e) {e.printStackTrace();// 文件传输失败return AjaxResult.error("下载失败:"+e.getMessage());}finally {try {if (null != out) {out.close();}if(null != in){in.close();}} catch (IOException var3) {var3.printStackTrace();}}}

vue 后端返回文件流下载文件相关推荐

vue 后端返回二进制流文件，前端如何实现下载？
目录 1. axios 请求二进制流文件导出文件 1.1 后台返回的二进制流: 1.2 使用: 1.3 需要注意以下几点: 2. 关于 arraybuffer 和 blob 2.1 ArrayBuff ...
前端通过后端返回文件流下载文件
// 把文件流下载下来 const downloadMethods = (name, res) => {const blob = new Blob([res.data], { type: 'ap ...
根据后端返回的文件流下载文件
//云附件文件流链接 function clouddownloadResources(id,title) {common.showLoading()api_enclosuredetail.cloud ...
Java实现minio文件流下载文件,浏览器不下载
在我写完minio下载功能时,浏览器怎么也不执行下载,纯纯没反应,只返回了流给前端.就在百思不得其解时,突然去翻看之前前端写的下载代码请求,此时发现之前用的是Windows.open(url),现在不 ...
js实现文件流下载文件
window.location.href的用法 javascript中的location.href有很多种用法,主要如下.self.location.href="/url" 当前页 ...
vue 将文件url 改成文件流下载
vue 将后台返回文件url 改成文件流下载由于直接a 标签下载视频,音频会打开新的窗口,所以改用文件流下载一.图片 exportData(row) {console.log('row', row ...
vue element 导出blob后台文件流xlsx文件自动下载（且规避乱码）
通常情况blob后台文件流都是如下图这样让人崩溃的乱码 <el-buttontype="success"@click.stop="handleExport" ...
IE浏览器报错Unhandled promise rejection Error: 拒绝访问。文件流下载
项目内有很多导出文件,下载文件功能,前端采用的是文件流下载方式,请求后端接口,返回文件流. 最开始不清楚普通的动态创建a标签方法并不兼容IE,后来在IE上面测试出现了bug "Unhandl ...
前端 js jQuery ajax实现文件流下载, 下载doc,xsl等文件内容乱码问题
问题描述: 前端通过jQuery ajax接受后端的文件流,前端下载文件后内容乱码后端代码: Header("Content-type: application/octet-stream& ...

vue 后端返回文件流下载文件

vue 后端返回文件流下载文件相关推荐

最新文章

热门文章