栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Socket.io从1.0开始支持二进制流,是否有一个完整的示例,特别是对于图像

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Socket.io从1.0开始支持二进制流,是否有一个完整的示例,特别是对于图像

该解决方案有点复杂,但是应该可以在Chrome,Firefox和IE10 +(对于Opera和Safari不确定)中使用:

服务器端的某个位置:

io.on('connection', function(socket){    fs.readFile('/path/to/image.png', function(err, buffer){        socket.emit('image', { buffer: buffer });    });});

这是您如何在客户端上处理它:

socket.on('image', function(data) {    var uint8Arr = new Uint8Array(data.buffer);    var binary = '';    for (var i = 0; i < uint8Arr.length; i++) {        binary += String.fromCharCode(uint8Arr[i]);    }    var base64String = window.btoa(binary);    var img = new Image();    img.onload = function() {        var canvas = document.getElementById('yourCanvasId');        var ctx = canvas.getContext('2d');        var x = 0, y = 0;        ctx.drawImage(this, x, y);    }    img.src = 'data:image/png;base64,' + base64String;});

只需替换

yourCanvasId
为您的画布ID :)



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/427124.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号