uniapp,从文件流获取图片地址,并展示图片
不同与web端,uniapp在处理图片文件流的时候,略有区别,上代码
<template>
<view class="wrap">
<img :src="qrUrl">
</view>
</template>
<script>
export default {
data() {
return {
qrUrl:'' ,//图片路径
}
},
mounted() {
this.getPoto()
},
methods: {
getPoto(){
uni.request({
url: '', //请求文件流地址
method: 'POST',
data: [], //请求参数
responseType: "arraybuffer",
success: res => {
let datas = res.data
this.qrUrl = 'data:image/png;base64,' + btoa(new Uint8Array(datas).reduce((datas, byte) => datas + String.fromCharCode(byte), ''))
},
fail: () => {},
complete: () => {},
});
}
}
}
</script>