vue前端获取后端传过来的图片流进行展示

get请求获取到后端传来的图片流不能直接再页面进行展示，需要在接口处进行转化再赋值，转化的方式就是window.URL.createObjectURL( )，将图片流转化为本地请求地址。let res= await this.$http.get('url',{responseType: 'blob'})this.captchaImg = window.URL.createObjectURL(res

YogLn

11326人浏览 · 2021-01-11 16:40:01

YogLn · 2021-01-11 16:40:01 发布

get请求获取到后端传来的图片流不能直接再页面进行展示，需要在接口处进行转化再赋值，转化的方式就是

window.URL.createObjectURL( )

，将图片流转化为本地请求地址。

let res= await this.$http.get('url',{
        responseType: 'blob'
})
this.captchaImg = window.URL.createObjectURL(res.data)

responseType: ‘blob’
这个也不能少

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^