标签下载文件下的文章

木灵鱼儿 7月前 Nest.js

Nestjs 下载文件的两种方式（包含前端实现）

前言实现了文件上传，自然要实现文件下载，经过我的实践总结出两个下载本地文件的方式：第一种是通过api请求，以返回文件流的形式将本地文件返给前端，前端自己接受到文件流后自己把Blob转一下；这种方式的话可以监听文件是否下载完成，完后下载完后删除本地磁盘上的文件。第二种是后端将文件存储在本地磁盘上，创建一个访客也能访问的下载目录，将文件丢到这里，再放开这个目录供访客下载，后端只需要在api返回下载地址即可。这种方式对于用户来说会更加方便，因为可以使用不同的下载工具下载文件。前端也省事，直接创建a链接元素，触发点击就是使用浏览器下载文件了。教程[hide]文件流下载我就不详细写服务了，直接在控...

2871 0 14

下载静态资源下载文件

目前前端下载文件的最佳实践

木灵鱼儿 3年前 JavaScript

目前前端下载文件的最佳实践

目前前端最佳的方案其实有两种：a元素下载iframe 无闪下载事实上这两种下载方式，其实都存在相同的一个问题，就是如果下载的文件是跨域的（不是同域名下的问题，或者其他原因）；并且这个文件浏览器可以直接打开的，比如：图片、文本文件。那么浏览器会直接打开文件，并不是触发下载，而如果下载的文件是安装包，压缩包zip这些，则是触发下载。这个问题就很头疼。a元素下载的缺点a元素下载，那么就必须设置download属性，这个属性可以接收一个参数，可以是带后缀的文件名，或者不带后缀。也可以为空，但是要设。不带后缀的话文件格式就会与下载的文件保持一致，如果带了格式后缀，可能导致下载的jpg文件，你设置为...

5118 12 0

javascript 下载文件 a

fetch 请求报错处理思路

木灵鱼儿 3年前 JavaScript

fetch 请求报错处理思路

之前写过一片使用fetch下载文件的方法，但是如果后端返回一个错误对象，使用response.blob()会将这个错误对象直接转为blob对象，然后被转为文件下载下来。但实际上我们是要区分处理的，比如是文件流我们就下载文件，是错误对象，我们就进行错误提示和抛出错误。所以这里，我主要分享下我对错误处理的思路。基础知识首先，在fetch第一个then回调中，我们可以对response对象进行三种方法操作：response.text 返回的是一个纯文本是一个promise对象response.json 返回的是一个对象（json/array）是一个promise对象response.b...

4588 3 0

text json javascript

fetch下载后端提供的文件

木灵鱼儿 3年前 JavaScript

fetch下载后端提供的文件

最近有这么一个需求，就是后端api地址返回一个文件，这个文件是已经格式化好的，比如表格.xlsx，或者是其他文件zip这些。但是后端他加了鉴权，所以如果直接a链接访问这个接口，我们无法在头信息上添加token字段，于是这个请求被作为无效。然后我使用了axios的请求，结果返回的内容，转换为blob对象后，下载完文件就被破坏了，无法打开。这里我贴一下之前的代码。api().then(res=>{ let blob = new Blob([err]); let a = document.createElement("a"); a.href = URL.c...

3898 0 0

fetch 下载文件 blob

标签：下载文件

Nestjs 下载文件的两种方式（包含前端实现）

目前前端下载文件的最佳实践

fetch 请求报错处理思路

fetch下载后端提供的文件

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

标签：下载文件

Nestjs 下载文件的两种方式（包含前端实现）

目前前端下载文件的最佳实践

fetch 请求报错处理思路

fetch下载后端提供的文件

最近评论

博客文章RSS订阅

博客评论RSS订阅