vue 获取文件流渲染（如验证码）

最新推荐文章于 2025-05-22 17:21:15 发布

落魄前端，在线炒粉

最新推荐文章于 2025-05-22 17:21:15 发布

阅读量1.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue 爬坑文章标签： vue

本文链接：https://blog.youkuaiyun.com/xm2395939/article/details/107199285

vue 爬坑专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用axios库请求服务器获取验证码图片的方法。通过GET请求从'/api/v1/pub_captcha/'接口获取二进制数据，将其转换为Blob对象并创建URL，最后将该URL设置为图片数据源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getVerificationCode() {
        // 渲染文件流
        axios.request({
          url: '/api/v1/pub_captcha/',
          responseType: 'blob',
          method: 'get'
        }).then(res => {
          let blob = new Blob([res.data], {
            type: "image/png"
          });
          let url = window.URL.createObjectURL(blob);
          // 将图片转换成img标签可以识别的url
          this.imgData = url;
        }), (error) => {
          this.$message({
            type: 'warning',
            message: '系统错误，请联系管理员!'
          });
        }
      }