文件下载的几种方式

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

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


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下载



目录
打赏
0
0
0
0
1
分享
相关文章
|
29天前
|
PeopleSoft中的文件上传与下载:实现与优化
PeopleSoft中的文件上传与下载:实现与优化
53 7
前端文件下载的方式
【10月更文挑战第5天】
145 58
前端:下载文件(多种方法)
前端:下载文件(多种方法)
931 0
前端下载文件的几种方式
前端下载文件的几种方式
1219 0
文件上传与下载
文件上传与下载 文件上传也称为upload,是指将本地图片、视频、音频等文件上传到服务器上,可以供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛,我们经常发微博、发微信朋友圈都用到了文件上传功能。 文件上传时,对页面的form表单有如下要求: method=“post” 采用post方式提交数据 enctype=“multipart/form-data” 采用multipart格式上传文件 type=“file” 使用input的file控件上传
sevlet实现下载文件功能
希望做一个小板块,实现文件的上传和下载,那么上传实现了,就需要实现下载,阅读了各位的博客总结了一下。在网页中通过超链接是可以访问我的资源的,浏览器不可访问的资源他就会下载到本地,像一些浏览器可以直接访问的如图片,txt文件浏览器会直接打开。这就需要我们在sevlet中统一处理文件下载。
157 0
sevlet实现下载文件功能
我学会了,写一个前端下载文件功能
过去有很多次文件下载的功能,但是都没有记录下来,这次有空就把文件下载的功能从0写一遍,于是就有了这篇文章。 我会从简到难的方式去实现下载功能。从直接下载字符串到简单请求下载文件,最终通过后端返回的文件名来实现动态下载文件。
749 0
我学会了,写一个前端下载文件功能
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等