axios 获取二进制文件

很多前端童鞋在登录页会需要获取后端接口生成二进制文件的验证码。这时候利用axios默认会对responseType设置为json。这样取到的文件就会是个乱码。下面举例怎么将二进制文件取到并绑定在img标签中。

1. 获取response并创建一个静态的DOMString

this.axios.get(url,{
  responseType: 'blob'
}).then(res) {
    var src  = window.URL.createObjectURL(res.data);
    //src 就是一个可以显示图片的相对路径。因为window.URL.crateObjectURL(blob)已经进行了转换
}

2. 将src绑定在页面img标签的src属性上。

各种框架都不一样，略。