vue3 + axios 使用 img 标签渲染后端返回的 tiff 图片

      const imgUrl = ref('');
      const { data, headers } = await axios({
        method: "get",
        responseType: "arraybuffer",
        url:
          "https://admiraltyapi.azure-api.net/avcso-disco/notes?file=Ch9fJSLkId@K1T7VT=nhI0O5Hw3QJbBJ447f5226@t`5MAfwhjQMl0&f=text/plain",
        headers: {
          "Ocp-Apim-Subscription-Key": "xxxx", // 请求这个图片必须携带的请求头 , 没有就不需要
        },
        params: { // 参数 不多解释
          file:
            "Ch9fJSLkId@K1T7VT=nhI0O5Hw3QJbBJ447f5226@t`5MAfwhjQMl0",
          f: "text/plain", 
        },
      });
      Tiff.initialize({ // 这个 Tiff 是一个插件
        TOTAL_MEMORY: 200000000,
      });
      var tiff = new Tiff({ buffer: data });
      imgUrl.value = tiff.toDataURL(); // 是转化成base64的api
  • Tiff 插件 github 地址

你可能感兴趣的:(vue3 + axios 使用 img 标签渲染后端返回的 tiff 图片)