vue+axios将后端返回的图片流显示到img标签中

最新推荐文章于 2024-07-12 04:24:57 发布

夏天咯

最新推荐文章于 2024-07-12 04:24:57 发布

阅读量6.8k

点赞数 6

分类专栏： vue

本文链接：https://blog.csdn.net/qq_37628661/article/details/104918677

版权

vue 专栏收录该内容

24 篇文章 1 订阅

订阅专栏

      var myForm = new FormData() //要传给后端的数据
      myForm.append(数据的key, 数据的value)
      var headers = { 'Content-Type': 'multipart/form-data' }
      axios({
        method: 'post',
        url: 请求地址,
        data: myForm,
        responseType: 'arraybuffer',
        headers: headers,
      })
        .then((response) => {
          return (
            'data:image/png;base64,' +
            btoa(new Uint8Array(response.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))
          )
        })
        .then((data) => {
          this.codeUrl = data //data可以直接放到img标签的src中
        })

费了好大劲，刚开始用什么blob结果格式不对，又直接写base64的也不对，直接赋值更不对了。

上面的方法可以，亲测有效，responseType: "arraybuffer",很重要哦