获取oss文件流方式预览图片

faye Fu

已于 2024-02-27 11:43:24 修改

阅读量263

点赞数 2

文章标签：前端 javascript vue.js

于 2024-02-27 11:41:30 首次发布

本文链接：https://blog.csdn.net/Jacy_Fu/article/details/136318379

版权

记录工作实践

将后端同学返回的oss文件流进行处理，转成blob的url来进行预览

let fileData = res.data //文件流数据
var binary_string = window.atob(fileData.bytes)
var len = fileData.bytes.length;
var bytes = new Uint8Array(len);
for (var i = 0; i < len; i++) {
    bytes[i] = binary_string.charCodeAt(i);
}
//文件类型fileData.mimeType
let blob = new Blob([bytes.buffer], { type: fileData.mimeType })

var url = URL.createObjectURL(blob);
console.log('文件流blobUrl是',url);