美文网首页vue
JS+React+Axios解析图片文件流(后台直接返回图片如何

JS+React+Axios解析图片文件流(后台直接返回图片如何

作者: Poppy11 | 来源:发表于2021-03-08 21:15 被阅读0次

需求:后台直接反悔了一张图片,文件流,前端需要显示这个图片,开始解析URL一直出错,最后发现,还需要设置个responseType参数才可解析出正确的url。

 const formdata = new FormData();
    formdata.append("content", this.state.text);
    formdata.append("file", this.state.imageArr[0]);
    axios({
      method: "post",
      url: "/api/qr-code",
      data: formdata,
      responseType: "blob",
    }).then((res) => {
      let blob = new Blob([res.data], { type: "image/png" });
      let url = window.URL.createObjectURL(blob);
      console.log(url);
      this.setState({ url });
      Toast.hide()
    });

相关文章

网友评论

    本文标题:JS+React+Axios解析图片文件流(后台直接返回图片如何

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