前端下载的几种方式

本文介绍了前端下载的三种常见方式:a标签、Blob对象及from表单提交,分别阐述了它们的优缺点。a标签简单但存在兼容性和跨域问题;Blob对象解决了跨域,但不兼容所有浏览器;from表单提交则具有良好的兼容性,但无法获取下载进度和内容信息。
摘要由CSDN通过智能技术生成

对于前端的下载方式有多种,每一种都有自己不同的优略势,下面就一个一个写出对应的优缺点

a便签

a标签是最常见,也最简单的处理方式

<a href="xxx.jpg" download>点击下载</a>
优点

能解决不能直接下载浏览器可浏览的文件

缺点

必须知道下载文件地址
不能跨域下载
有兼容性问题,特别是IE
不能进行鉴权

Blod对象

blod是我第二个经常用的下载方式,将请求的二进制数据转化为blod对象,利用URL.createObjectUrl生成地址,再赋值给a标签

const xhr=new XMLHttpRequest();
xhr.open('get',xxxxx)//xxx为下载地址
xhr.responseType='blob'
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值