socket聊天室增加文件上传与下载功能

博客介绍了如何在socket聊天室中增加文件上传和下载功能,包括自定义表情包上传和群文件管理。用户点击上传文件后,图片直接显示,其他文件存入群文件区,点击文件名可下载。代码更新已上传至GitHub。
摘要由CSDN通过智能技术生成

新增功能:自定义表情包上传,群文件上传与下载。其实总结就增加了一个功能:文件上传。

操作指示:点击“上传文件”可以选择任何类型的文件,如果是图片格式则直接作为图片输入到对话框,如果是其他文件类型则添加到群文件。另外点击文件名即可下载文件。.大致如下图所示:

既然截了图那就截全套,哈哈哈哈。

代码已更新至github: https://github.com/COMINGLIU/socket-chat-online/tree/master/chat2

文件上传功能(前端):

sendFile: function(){
      var upFileBtn = doc.getElementsByName("upFile")[0];
      var file_type=[]
      upFileBtn.onchange = function(){
        // console.log(this.files);
        console.log(this.files[0
  • 5
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
搭建聊天室需要使用网络编程相关的知识,可以使用 Python 的 socket 模块来实现。同时,为了实现文件上传功能,需要使用 Python 的 os 和 shutil 模块来进行文件操作。 以下是一个简单的示例代码,可以实现基础的聊天室文件上传功能: ```python import socket import os import shutil # 创建一个服务器 socket server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM) server_socket.bind(('localhost', 8000)) server_socket.listen(5) # 存储客户端 socket 的列表 client_sockets = [] while True: # 监听客户端请求 client_socket, address = server_socket.accept() print('Connected by', address) # 将客户端 socket 加入列表 client_sockets.append(client_socket) while True: # 接收客户端消息 data = client_socket.recv(1024).decode() if not data: break # 处理聊天信息 for socket in client_sockets: socket.sendall(data.encode()) # 处理文件上传请求 if data.startswith('file:'): filename = data.split(':')[1] with open(filename, 'wb') as f: while True: file_data = client_socket.recv(1024) if not file_data: break f.write(file_data) # 将文件发送给其他客户端 for socket in client_sockets: if socket != client_socket: with open(filename, 'rb') as f: while True: file_data = f.read(1024) if not file_data: break socket.sendall(file_data) # 删除临时文件 os.remove(filename) # 关闭客户端 socket client_socket.close() ``` 在上述代码中,我们首先创建了一个服务器 socket,并监听客户端请求。每当有新的客户端连接时,将其 socket 加入 client_sockets 列表。然后,我们不断接收客户端发送的数据,并根据数据内容处理聊天信息和文件上传请求。 当客户端发送的数据以 "file:" 开头时,说明客户端要进行文件上传。我们首先从数据中解析出文件名,然后在服务器端创建一个同名的文件,并将客户端发送过来的数据写入文件中。接下来,我们将该文件发送给其他客户端,最后删除该文件。 需要注意的是,上述代码中还有一些需要处理的异常情况,例如客户端断开连接、文件操作失败等等,需要在实际使用中进行处理。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值