zoukankan      html  css  js  c++  java
  • 获取后端传的图片格式(二进制流)的数据,显示到页面上

    function runimg(img) {
    axios({
    url: `/file/download/${img}`,
    methods: 'get',
    responseType: 'blob'//接收的值类型
    }).then((data) => {
    let blob = data.data;
    let src = window.URL.createObjectURL(blob)//转换为图片路径
    console.log(src)//src直接放到img src路径中就可以了
    num--
    })
    }
    返回的data中的data值Blob
    1. data: Blob
      1. size: 59
      2. type: "image/png"         //type中返回的值要是image/png 或者是 image/jpg 格式  不能是application/json格式。这样window.URL.createObjectURL转义的图片路径才能使用
      3. __proto__: Blob
     F12此刻的Network -> Preview 中是个图片实体  而不是图片的二进制流
     图片的路径这样显示是正确的
  • 相关阅读:
    命令[34]
    命令[33]
    命令[27]
    命令[38]
    命令[19]
    命令[22]
    命令[30]
    命令[37]
    命令[23]
    命令[26]
  • 原文地址:https://www.cnblogs.com/wssdx/p/10911835.html
Copyright © 2011-2022 走看看