Live2d Test Env

文件流下载到本地

后台返回原始base64数据,前端使用saveAs保存成各种格式

原始base64不包含前缀,比如:<img :src="'data:image/Jpeg;base64,'+imgBase64"> ,其中imgBase64就是指原始base64数据

// 要先使用一个库,
import { saveAs } from 'file-saver'
const downloadBase64File = (base64Data, fileName) => {
let byteCharacters = atob(base64Data)
let byteNumbers = new Array(byteCharacters.length)
for (let i = 0; i < byteCharacters.length; i++) {
byteNumbers[i] = byteCharacters.charCodeAt(i)
}
let byteArray = new Uint8Array(byteNumbers)
let blob = new Blob([byteArray], { type: 'application/octet-stream' })
saveAs(blob, fileName)
}
// 如果要使用其下载,fileName指的是文件的名全称,包括后缀,eg:`myimg.png`

saveAs是一个很强大的方法,如果后台返回的是二进制文件流(blob),则可以使用saveAs方法直接下载

//res是后台返回的二进制文件流
// 请求类型是responseType: 'blob'
saveAs(res, `${myname}.zip`)

以上。

posted @   致爱丽丝  阅读(179)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
点击右上角即可分享
微信分享提示