uniapp 图片文件流

使用 uni.request 请求数据并处理返回的文件流

以下代码演示了如何使用 `uni.request` 发起 GET 请求,并处理返回的文件流数据。

uni.request({
    url: '*****', // 仅为示例,并非真实接口地址。
    method: 'GET',
    responseType: 'arraybuffer',
    data: {},
    header: {
        'content-type': 'application/json',
        'token': 'token'
    },
    success: (res) => {
        // 返回的是文件流
        let datas = res.data;
        let blob = new Blob([datas], {
            type: 'application/pdf;charset=UTF-8'
        });
        let pdfData = window.URL.createObjectURL(blob); // 创建预览路径
        let agreementUrl = encodeURIComponent(pdfData);

        let codeImg = 'data:image/png;base64,' + btoa(
            new Uint8Array(datas).reduce((datas, byte) => datas + String.fromCharCode(byte), '')
        );
    }
});

注意: 在此代码中,我们首先使用 `Blob` 对象将文件流转换为 PDF 格式,并创建一个预览路径。然后,我们将文件流转换为 Base64 格式的 PNG 图片。

posted on   完美前端  阅读(2333)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

点击右上角即可分享
微信分享提示