美文网首页
vue3 + axios 使用 img 标签渲染后端返回的 ti

vue3 + axios 使用 img 标签渲染后端返回的 ti

作者: Enginner_XZ | 来源:发表于2021-09-01 16:18 被阅读0次
      const imgUrl = ref('');
      const { data, headers } = await axios({
        method: "get",
        responseType: "arraybuffer",
        url:
          "https://admiraltyapi.azure-api.net/avcso-disco/notes?file=Ch9fJSLkId@K1T7VT=nhI0O5Hw3QJbBJ447f52<dpj`ce:RQjVAbVvO?KmI>26@t`5MAfwhjQMl0&f=text/plain",
        headers: {
          "Ocp-Apim-Subscription-Key": "xxxx", // 请求这个图片必须携带的请求头 , 没有就不需要
        },
        params: { // 参数 不多解释
          file:
            "Ch9fJSLkId@K1T7VT=nhI0O5Hw3QJbBJ447f52<dpj`ce:RQjVAbVvO?KmI>26@t`5MAfwhjQMl0",
          f: "text/plain", 
        },
      });
      Tiff.initialize({ // 这个 Tiff 是一个插件
        TOTAL_MEMORY: 200000000,
      });
      var tiff = new Tiff({ buffer: data });
      imgUrl.value = tiff.toDataURL(); // 是转化成base64的api

相关文章

网友评论

      本文标题:vue3 + axios 使用 img 标签渲染后端返回的 ti

      本文链接:https://www.haomeiwen.com/subject/rnoxwltx.html