python 如何把一张图片 通过websocket传到 js中

本文介绍了如何使用Python处理图像并利用WebSocket将其传输到JavaScript中。Python主要涉及numpy.narray、PIL.image、bytes和BytesIO结构,而JavaScript主要处理File、blob和ArrayBuffer结构。在传输过程中,后端可以采用多种方案发送,前端通过FileReader和不同的读取方式(如readAsArrayBuffer、readAsDataURL)来接收并显示图片。
摘要由CSDN通过智能技术生成

1图像的存储

1.1结构

1.1.1 python 对于 图像的处理 主要用到4种结构

  • numpy.narray 结构 用到cv2 插件 ,图像处理工具
  • PIL.image 结构 用到pil插件 ,图像读写显示工具
  • py3. bytes 或者bytearray结构 用于网络传输
  • py3.BytesIO io流结构 用于bytes的内存处理

1.1.2 js 对于 图像的处理主要有 3中结构

  • File 文件结构 用于读入打开的文件
  • blob 大数据流结构 用于网络传输
  • ArrayBuffer 数组缓存结构 用于内存存储,具体还可分解为以下几种:

    Int8Array 1 8位二补码有符号整数
    Uint8Array 1 8位无符号整数
    Uint8ClampedArray 1 8位无符号整型固定数组(数值在0~255之间)
    Int16Array 2 16位二补码有符号整数
    Uint16Array 2 16位无符号整数
    Int32Array 4 32 位二补码有符号整数
    Uint32Array 4 32 位无符号整数
    Float32Array 4 32 位 IEEE 浮点数
    Float64Array 8 64 位 IEEE 浮点数
    对于图像主要就是Uint8Array 结构

1.2 格式

图像有很多保存格式 bmp, png,jpg ,gif 等等

jpg 是一种图像的压缩格式

转换传输流程<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值