JS 实现图片的本地下载

blob文件流下载

 // 下载图片到本地 blob文件流下载
// 将下载路径转化为二进制 buffer对象
let buffer = Buffer.from(data.Body);
// console.log(buffer);
// 将buffer对象转化为ArraryBuffer
let arraybuffer = Uint8Array.from(buffer).buffer;
// // 定义文件的type类型
// let fileType = [];
// 创建一个Blob对象
const blob = new Blob([arraybuffer]);
// 创建一个a标签用于下载
const downloadImg = document.createElement("a");
// 创建下载的链接 window 自带下载 
const href = window.URL.createObjectURL(blob);
// 挂载
downloadImg.href = href;
// 下载过后的文件名
downloadImg.download = decodeURI(items.name);
// 将创建后的a标签挂载到body的dom节点上
document.body.appendChild(downloadImg);
// a标签点击下载
downloadImg.click();
// 下载完成后移除元素
document.body.removeChild(downloadImg);
// 释放掉blob对象
window.URL.revokeObjectURL(href);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值