1***@qq.com
1***@qq.com
  • 发布:2023-08-17 10:35
  • 更新:2023-08-17 15:59
  • 阅读:733

大佬们,请问你们用uniapp开发app的时候,请求接口返回一个文件流file,怎么把他转成base64的格式

分类:uni-app

图片是接口返回的文件流

2023-08-17 10:35 负责人:无 分享
已邀请:
陵域

陵域

看看这个试试 https://blog.csdn.net/qq_44024168/article/details/130565024

  • 1***@qq.com (作者)

    app端没有FileReader这个

    2023-08-17 15:38

  • 陵域

    回复 1***@qq.com: https://www.likecs.com/show-308229240.html 这个

    2023-08-17 15:50

  • 1***@qq.com (作者)

    回复 陵域: 感谢大佬,可以了可以了,嘴一个

    2023-08-17 16:06

董路飞

董路飞 - 搜索小程序麻丝和 App 麻丝

你要base64,可以让后端接口转好返回给你。
没看清你这返回的类型,不是blob 也不是arraybuffer。后端接口是java吗设置流的编码

  • 1***@qq.com (作者)

    后端返回的就是一张图片,需求就是在请求这张图片的时候需要携带token,后端验证通过就返回图片给前端,前端拿到这个文件流要转成base64才可以显示,浏览器可以,app这边实在不知道怎么转成base64

    2023-08-17 14:38

1***@qq.com

1***@qq.com (作者)

这个是在浏览器看到的后端返回

喜欢技术的前端

喜欢技术的前端 - QQ---445849201

  • 1***@qq.com (作者)

    这个试过了,他是把本地路径的图片转成base64,但是我是后端返回的,他报路径无效

    2023-08-17 14:57

  • 喜欢技术的前端

    回复 1***@qq.com: u0000这个数据可以发全,我试一下

    2023-08-17 15:13

  • 1***@qq.com (作者)

    回复 喜欢技术的前端: {

    "data": "����\u0000\u0010JFIF\u0000\u0001\u0001\u0000\u0000\u0001\u0000\u0001\u0000\u0000��\u0001�ICCPROFILE\u0000\u0001\u0001\u0000\u0000\u0001�\u0000\u0000\u0000\u0000\u00040\u0000\u0000mntrRGB XYZ \u0007�\u0000\u0001\u0000\u0001\u0000\u0000\u0000\u0000\u0000\u0000acsp\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0001\u0000\u0000��\u0000\u0001\u0000\u0000\u0000\u0000�-\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\tdesc\u0000\u0000\u0000�\u0000\u0000\u0000$rXYZ\u0000\u0000\u0001\u0014\u0000\u0000\u0000\u0014gXYZ\u0000\u0000\u0001(\u0000\u0000\u0000\u0014bXYZ\u0000\u0000\u0001<\u0000\u0000\u0000\u0014wtpt\u0000\u0000\u0001P\u0000\u0000\u0000\u0014rTRC\u0000\u0000\u0001d\u0000\u0000\u0000(gTRC\u0000\u0000\u0001d\u0000\u0000\u0000(bTRC\u0000\u0000\u0001d\u0000\u0000\u0000(cprt\u0000\u0000\u0001�\u0000\u0000\u0000<mluc\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0001\u0000\u0000\u0000\fenUS\u0000\u0000\u0000\b\u0000\u0000\u0000\u001c\u0000s\u0000R\u0000G\u0000BXYZ \u0000\u0000\u0000\u0000\u0000\u0000o�\u0000\u00008�\u0000\u0000\u0003�XYZ \u0000\u0000\u0000\u0000\u0000\u0000b�\u0000\u0000��\u0000\u0000\u0018�XYZ \u0000\u0000\u0000\u0000\u0000\u0000$�\u0000\u0000\u000f�\u0000\u0000��XYZ \u0000\u0000\u0000\u0000\u0000\u0000��\u0000\u0001\u0000\u0000\u0000\u0000�-para\u0000\u0000\u0000\u0000\u0000\u0004\u0000\u0000\u0000\u0002ff\u0000\u0000�\u0000\u0000\rY\u0000\u0000\u0013�\u0000\u0000\n[\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000mluc\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0001\u0000\u0000\u0000\fenUS\u0000\u0000\u0000 \u0000\u0000\u0000\u001c\u0000G\u0000o\u0000o\u0000g\u0000l\u0000e\u0000 \u0000I\u0000n\u0000c\u0000.\u0000 \u00002\u00000\u00001\u00006��\u0000C\u0000\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001��\u0000C\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001\u0001��\u0000\u0011\b\u0000�\u0000�\u0003\u0001\u0011\u0000\u0002\u0011\u0001\u0003\u0011\u0001��\u0000\u001f\u0000\u0000\u0002\u0003\u0001\u0001\u0001\u0001\u0000\u0003\u0000\u0000\u0000\u0000\u0000\u0000\u0000\b\t\u0006\u0007\n\u0005\u0004\u0003\u0002\u0000\u0001\u000b��\u00001\u0010\u0000\u0002\u0003\u0001\u0001\u0000\u0001\u0004\u0002\u0003\u0000\u0001\u0003\u0003\u0005\u0001\u0004\u0005\u0002\u0003\u0006\u0001\u0007\b\u0011\u0012\u0013\u0014\t\u0015\u0000\u0016!#\u0017\"1$3A\n2BQa���\u0000\u001d\u0001\u0000\u0002\u0003\u0001\u0001\u0001\u0001\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0005\u0006\u0003\u0004\u0007\b\u0002\u0001\u0000\t��\u0000>\u0011\u0000\u0003\u0000\u0002\u0002\u0001\u0003\u0003\u0003\u0003\u0002\u0004\u0003\u0007\u0004\u0003\u0001\u0002\u0003\u0004\u0011\u0005\u0012!\u0000\u0006\u0013\u0014\"1\u0007AQ\u0015#2aq$3B�\u0016R�\b%Cb���4r���s���\u0000\f\u0003\u0001\u0000\u0002\u0011\u0003\u0011\u0000?\u0000˫�)�f�>����\u0012X�\u0003��\f\u0019W���qe} aK��\u0006�'\bWˆ�m��S|�\u0016�XU)i%��\u0006Aѓ��R��]�������~�����\u000f������������b?���\u0000�\u0001?��8��>����+�Ԅ+z�S/!�ߩ%�\f��\u0003\u0015�,�\u0001�1��w�\u0019WL9)�pq�K\u0006���\bĩ��j�I�\u0011�\u0013�\u0000s���(���\u000fem�>���@�?}kε����}q�P�1cTr��]�Vg�\u0016�gQ*\u0004{:2���\r[�0����jEM�\u0005U\u0018V�u���p��NN'��\u0014.�\u001a��mf�\u00005\u0005UQY�A\u0001����tI,�pd\n�u�L겜\u0011��ߨ�Gn�Rz?fP[}T\r/��v�fl�\f���\t�\u00160\u001b��j���c\n7K�*(�\u001agU4���;\bN\��'9�p2�\u0007�' \b�v��\u0006�\n��;����$����e\n^�\u0018��g�ﳒ��$�\u0000�\u0003��\u001e�\u0018ZH���\n6�j̕ S�-�gP�\f�<�sL��q�TVS\u0003�B��8\u0018��B��(1\b��\u0000-\u0006�{�T�P�)b��T!G�4�Ӱ\u0001m9/rBUA!���˓��ڲ�f��\r�\"<�[�z\u0011�Dm�5�*��\u0000�_��3\u0014��}p�v\"R�P�\u001641��b=R�\u0017g;>Э7�\u0019B

    2023-08-17 15:37

  • 1***@qq.com (作者)

    回复 喜欢技术的前端: 好像被截掉了一些

    2023-08-17 15:41

2***@qq.com

2***@qq.com

试试这样 this.img = 'data:image/png;base64,' + uni.arrayBufferToBase64(res.data)

  • 1***@qq.com (作者)

    我用这个转出来是空的

    2023-08-17 15:42

2***@qq.com

2***@qq.com

先设置接口的responseType为arraybuffer,再调用uni.arrayBufferToBase64试试

  • 1***@qq.com (作者)

    回复 陵域: 感谢大佬,可以了可以了,嘴一个

    2023-08-17 16:06

要回复问题请先登录注册