weixin_58412143 2022-03-10 10:11 采纳率: 91.6%
浏览 21
已结题

websocket 引入动图但是不显示


   <div class="imgbox">
      <img id="example1" :rel:animated_src="imgUrlGIF" rel:auto_play="1" />
    </div>
 imgUrlGIF: '',
 getWebSocketVal() {
        const that = this;
        //调用封装的 websocket 请求方法
        let WRFUrl = "ws://47.94.52.215:8001" + this.WRFUrl;
        // 连接WebSocket
        let WRFwebsocket = new WebSocket(WRFUrl);
        // WebSocket 连接成功时
        WRFwebsocket.onopen = function() {
          //发送信息
          WRFwebsocket.send('1');
          // 定时执行发送信息
          setInterval(function() {
            WRFwebsocket.send('1');
          }, 1000 * 60)
        };
        //获取 websocket 返还数据
        WRFwebsocket.onmessage = function(res) {
          const val = JSON.parse(res.data)
          let base_url = 'http://47.94.52.215:8002'
          that.imgUrlGIF = base_url + val.gcloud;
          console.log(that.imgUrlGIF)// 可以打印出来动图地址
        }
      },

控制台怎么显示宽高都为0呢?

img

  • 写回答

1条回答 默认 最新

  • weixin_58412143 2022-03-15 10:03
    关注

    1

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 3月23日
  • 已采纳回答 3月15日
  • 创建了问题 3月10日

悬赏问题

  • ¥20 while循环中OLED显示中断中的数据不正确
  • ¥15 这个视频里的stm32f4代码是怎么写的
  • ¥15 串口发送数据和接收数据
  • ¥15 JNA调用DLL报堆栈溢出错误(0xC00000FD)
  • ¥15 请教SGeMs软件的使用
  • ¥15 自己用vb.net编写了一个dll文件,如何只给授权的用户使用这个dll文件进行打包编译,未授权用户不能进行打包编译操作?
  • ¥50 深度学习运行代码直接中断
  • ¥20 需要完整的共散射点成像代码
  • ¥15 编写vba代码实现数据录入工作
  • ¥15 做过TCL海信电视小米电视相关影视会员软件私我