网页版的聊天怎么实现图片的发送，类似于微信的网页版
用 react做的一个项目，网站上要求可以跟别的人在线上交流
用websocket发送消息，后端和websocket发送都没有问题，仅仅发送文本消息也可以实现，
问题是前端不知道怎么实现图片的发送？
比如怎么能把图片拖到消息框的时候，松开鼠标图片就能直接上传，
或者复制一张图片在输入框就会显示一张是否要送的图片，
或者点击上传按钮选择完一张图片之后图片就会在消息框显示正在加载上传中
有没有大神知道这要怎么实现啊？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
拖拽使用html5的drag相关时间就可以了
复制图片 发送的话 使用 onpaste事件监听 可以从剪贴板里面读取出来
首先通过file加载到浏览器，然后通过流传到服务器，服务器只是中转作用，传给指定的另一端