文件下载的几种方式

简介: 文件下载的几种方式

前端下载文件有这么几种方式


1 第一种最简单的方式 是基于a标签的下载。


<a href='接口地址' download='file.jpg'>下载jpg图片</a>
 download是文件下载下来的名称哈。


如下:


<a :href="`${basefileupload}/base/api/userInfo/studentInfo/downloadExcelTemplate?orgId= ${parentId}`">下载模板</a>

 

这样的方式既然简单那么它的缺点是:download  


只支持  谷歌浏览器和火狐浏览器 。


第二种方式是: 将它变成文件流的方式


注意别变成乱码了。所以你要携带


在前端请求的时候携带 请求头responseType:blob,【罗 伯】


参考地址https://juejin.im/post/5cce3e6a5188254194355042


第三种方式是


iframe下载



相关文章
|
10月前
|
前端开发
前端:下载文件(多种方法)
前端:下载文件(多种方法)
782 0
|
7月前
下载文件 | 下载流文件的处理方式
当下载文件时,返回为流的形式,所以在请求的时候设置 responseType:’arraybuffer’ 或者设置为 responseType: ‘blob’ 的时候,只有当接口返回正确的时候才会下载文件,返回错误的时候,应该是提示用户出错了,但是使用 arraybuffer 或者 blob 的时候,错误的信息也是返回这个形式的。所以需要转换一下。
|
前端开发
前端下载文件的几种方式
前端下载文件的几种方式
1075 0
文件下载
文件下载
56 0
|
缓存 安全 JavaScript
如何实现上传文件到 nodejs 和文件下载
最近拿 next.js 做个全栈项目,需要文件上传和下载,这里记录下实现方式,也写一下使用原生 node 代码如何实现。
|
缓存 Java
sevlet实现下载文件功能
希望做一个小板块,实现文件的上传和下载,那么上传实现了,就需要实现下载,阅读了各位的博客总结了一下。在网页中通过超链接是可以访问我的资源的,浏览器不可访问的资源他就会下载到本地,像一些浏览器可以直接访问的如图片,txt文件浏览器会直接打开。这就需要我们在sevlet中统一处理文件下载。
107 0
sevlet实现下载文件功能
|
前端开发 JavaScript API
我学会了,写一个前端下载文件功能
过去有很多次文件下载的功能,但是都没有记录下来,这次有空就把文件下载的功能从0写一遍,于是就有了这篇文章。 我会从简到难的方式去实现下载功能。从直接下载字符串到简单请求下载文件,最终通过后端返回的文件名来实现动态下载文件。
597 0
我学会了,写一个前端下载文件功能
|
移动开发 前端开发 JavaScript
前端实现PDF文件下载的两种方式
前端实现PDF文件下载的两种方式
2048 0
前端实现PDF文件下载的两种方式
|
存储 前端开发 JavaScript
JAVA文件下载方式和获取文件下载进度方式
JAVA文件下载方式和获取文件下载进度方式
650 0